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MANGA: 


Welcome. .. 


Manga is one of the world’s most 
popular art forms, and has 
inspired artists and illustrators 
around the world to pick up a pen 
or pencil and start drawing. 
While many argue about what 
manga is or isn’t, whether true 
manga can only be created by 
Japanese artists in Japan is 

a debate for another time. Here we celebrate the popularity of the 
genre, its accessibility and its unique and enduring style. 

To enable you to appreciate and replicate the style of manga, we've 
brought together some of the world’s best commercial manga artists 
and illustrators, including Chester Ocampo, Saejin Oh and Joanna 
Zhou, to share their secrets and show you how to design characters, 
paint and draw in a variety of styles and create both stunning 
illustrations and comic book pages. 

In our beginner's chapter, starting on page 16, Saejin Oh strips 
away the mystery of making manga characters and shows how to 
paint faces. In our style chapter, beginning on page 42, Aileen 
Strauch demonstrates how something as simple as a marker pen can 
create fantastic manga. There also chapters that focus on sci-fi, 
fantasy and character design in manga, before you take everything 
you ve learned and apply it to artist Jamie McKelvie’s workshop on 
how to lay out pages for ‘western’ comics, on page 96. 

Throughout this special issue of ImagineFX, you'll find advice, 
help and insight from professional artists. If you enjoy this issue, why 
not try the others in the series? See page 115 to find out more! 


From the makers of 


FANTASY) SCI-FI DIGITAL ART 
Claire Howlett, Editor ImaginelX 


laire@imaginefx.com : 
claire @imaginefx.co We're the only magazine 


dedicated to fantasy and sci-fi 
art. Our aim is to help artists to 
improve both their traditional 
and digital art skills. 
Visit www.imaginefx.com 
to find out more! 
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The finest artists in the world offer you the best 
guidance, share their techniques and offer 
inspiration in our manga art workshops. 


Workshops 


Practical advice from professional 
artists in 16 step-by-step guides 


Discover this brilliant style of artwork 


18 Manga character tips 

,. 24 Essential manga tips 
‘o~ 28 Create your first 

MO manga-style illustration 


Breathe life into the the stars of your manga art 


32 Create a future racer in 
rubber fabric 

36 Paint an action pose 
using special effects 


Explore the Lk ways to create manga art 
Ag y-», 44 Ukiyo-e manga 
Painted manga 
be =3 Marker-pen manga 
~ 58 Japan-style illustration 
62 Colour your line art 


Create worlds full of magic and wonder 


70 Create a manga-inspired 
>a fantasy warrior 
oy, i” 74 Evoke an epic fantasy 


saga with poster art 


Explore the future, Japanese-style 


Create and render 

a robot concept design 
Paint a manga-style 
mech pilot 


Discover how to tell a story on a page 
@e=—— 94 Draw and ink a manga 


eat Te comic page 
“= * 96 Create a comic ready 
a 4 for print 
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Subscribe to ImagineFX today and save 


money off every issue! 
US and Canadian readers: please turn to page 57 


Volume 4 


6 Art spectacular! 
Brilliant manga artwork 
by up-and-coming artists 
from around the world 


Lys SO we 
= Artist Q&A 


Real-world manga issues solved... 


Emma Vieceli 

This freelance illustrator helps you 
bring punch to black-and-white line 
art, make the most of flat colour in 
illustrations and add gradients to 
anime-style cel-shaded artwork. 
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Michael Chang Ting Yu 

Create better manga comic pages as 
you find out how to make a manga 
page flow and choose better angles. 


Joanna Zhou 

Discover the right way to colour hair 
in manga, apply pastels for shoujo 
manga, draw manga mouths, create 
chibi characters and letter comics. 


Saejin Oh 

This concept artist helps you draw 
characters in the manga ve create 
dynamic Rea and apply line art 
with a brush in Photoshop. 


_ Michael Chomicki 

‘ Draw characters that feel alive, 
recreate the feel of Japanese 
woodblock prints and integrate logos 
and graphics into your images. 


Chester Ocampo 

Apply gorgeous smooth shadows, 
paint kinky sci-fi latex and draw giant 
robots colliding! 


ON YOUR FREE DISC a 
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. 


Sketches and videos to help you learn... N Zz if ANGA 


Highlights include... Madeleine Rosca 

20 minutes of step-by-step 
Sinad Jaruartjanapat workshop video 
Videos showing key workshop 
stages, plus a manga line brush Chester Ocampo 
created by Sinad Brushes for manga painting 


Turn to page 114 for more 
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SHOWCASING MANGA-INSPIRED FANTASY AR 


#4 Chester Ocampo 
LOCATION: Philippines 

WEB: www.imaginaryfs.com 
EMAIL: chester@imaginaryfs.com 
SOFTWARE: Photoshop 


Chester says he has been 

drawing ever since he was 

a kid: “taking inspiration 

from comics, cartoons, 

toys and childhood 
daydreams.” A little later, he got 
engrossed in videogames - but comics 
remain Chester’s first love. 

Chester says he’s proud of the fact 
that he’s self-taught - “although part of 
me wonders what | could have achieved 
with formal art training.” Several 
years ago, he got acquainted with 
Photoshop - “but it wasn’t until a few 
years later that | started making 
artworks straight on to the computer, 
with a pen tablet.” 


OROBOROS “Everything evens out 

eventually,” says Chester. This piece is 
“the result of playing with more binary 
opposition concepts than | know what 
to do with”. 


AMBER CRESCENDO “If war can 
be likened to a complex dance, then 
warriors are in essence deadly dancers.” 


ARA TWO POINT OH Originally, this 

piece was called The Superfluous 
Anecdotes of a Post-Apocalyptic Third 
World Teenage Drama Queen - “which 
pretty much sums up my plans for her 
in terms of story and setting”. 
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Bagus Hutomo 
LOCATION: Indonesia 
bagushutomo.blogspot.com 

L: zik_zagO4@yahoo.co.uk 
= Photoshop 


Bagus has been working as 
a digital artist for several 
years. “My first gig was 

at an animation studio in 
Jakarta, then | worked as 

a 2D artist at Infinite Framework, an 
animation studio in Batam,” he says. 
More recently he painted the artwork for 
the Radical comic book series Shrapnel: 
Aristeia Rising. 

Bagus got his first taste of science- 
fiction at college, when he read Akira by 
Katsuhiro Otomo. “I’m actually more into 
cyberpunk, but you can find several 
different sorts of concepts and themes 
in my work,” he says. Still trying to 
explore not only his rendering skills 
but also concepts in his personal work, 
he’s fascinated by machines, military 
hardware and complex objects. “They’re 
all things that appear rather frequently 
in my work,” he says. 


EINE HOLLE (THE HELL) “My first 

mecha work, and also my first 
finished work,” says Bagus. “I start by 
scribbling out a few rough ideas on 
paper, then edit it in Photoshop. Then 
as soon as | have the image that I’m 
looking for, | do a quick colour test to 
finalise exactly what | want the finished 
image to look like.” 


LA-CAIDA Another post-war scene: 
“A fantasy urban city where people 
can float.” 
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The Gallery 


The Gallery 


John Staub 


LOCATION: US 

WEB: dustsplat.deviantart.com 
EMAIL: dustsplat@gmail.com 
SOFTWARE: Photoshop, Painter 


“Ever since | was young, I’ve 
always been into things that 
were very visual,” says 
John. Fantasy art was an 
ra important example: 
“| always saw myself getting drawn to 
those types of images and found myself 
inspired by the creativity and look.” 

During high school, John found 
himself drawing more than ever and, in 
the process, getting more serious about 
his art. He draws mostly manga and 
anime because that’s what excites him. 
“1 also enjoy creating worlds that | would 
personally be drawn to and would rather 
be in,” he explains. 

Digital art is a relatively new thing. 
“It’s easier to apply and express myself, 
and since the world is turning digital 
| find myself getting more and more 
inspired to do these kinds of images.” 


COIN DROP “Imagine a hollow 

mountain made entirely of houses 
built on top of each other. And within 
that hollow cavity is a vast city. That’s 
what this image is, in a nutshell.” 


RUSTY GUARD “This image is 

of a female warrior who has a 
mechanical guardian who carries her 
sword for her. She just grabs it from his 
arm whenever she needs it.” 
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== Rungsak 
Sontayanont 

LOCATION: Thailand 

WEB: digitalome.deviantart.com 

EMAIL: ome_no@hotmail.com 

SOFTWARE: Photoshop 


| At school, Rungsak liked 
to follow the works of his 
favourite artists, both on 
the web and in magazines. 
“This inspired me to 
produce my own digital art,” he recalls. 
And his youthful enthusiasm paid off. 
He’s now working as a character and 
key lighting designer. “I think my current 
work is not good enough,” Rungsak 
confides. “It still has to be developed 
to get a good result in the future.” 


GOD’S MUSIC FESTIVAL 3 “The 

musicians are going to travel in the 
human world and then back to their 
living place,” says Rungsak. 


TAOTIE A demon dragon is 
disguised as a human to devour 
unlucky souls. “She has a habit of eating 

and collecting swords. Her bottle can 
suck anything in and turn it into liquor.” 
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Yagatama 
ON: Japan 
yagatama.deviantart.com 


“Unlike some famous 
artists around the globe,” 
says the artist known as 
Yagatama, “I only started 
painting when | 

was almost 20. So | don’t have that 
much experience yet.” 

Yagatama was put onto digital art 
by his teacher, who suggested digital 
colour as a better route for the young 
artist than acrylics. “I was living in New 
Zealand then.” Yagatama chose an art 
school called Amusement Media 
Academy because it was the closest 
one to where he lives. 

“1 loved watching movies like Aliens 
and Ghost in the Shell when | was little. 
As for fantasy, | found The NeverEnding 
Story to be very inspiring.” 


PSYCHIC FORCE “I intended to draw 

a piece of fan art for Biomega, the 
Tsutomu Nihei comic,” says Yagatama, 
“but | changed it into my own world.” 


NO FINAL FOR FANTASY Having 

watched speedpainting on YouTube, 
Yagatama tried to do the same on this 
pic - “but it took me nearly two hours 
just for the background!” 


MANA: TREE OF LIFE “I tried to 

make it look as if this piece of 
work is from the packaging illustration 
for a Japanese RPG.” 


Presents Manga 


= Ashleigh Hetrick 
LOCATION: US 

WEB: www.saiseki.org 

EMAIL: ashleighfirth@gmail.com 
SOFTWARE: Photoshop 


“| got into using Photoshop 
because | really wanted to 
get an animated, cel- 
shaded look to my art,” 
says Ashleigh. “I like my 
work to be vibrant and light, and for my 
characters to have lots of personality. 

I try to make the most creative colour 
choices possible. | really hope to use my 
art to tell great stories.” 


SUSHI “This picture features Aarow, 
a character from a comic that | have 
in the works,” says Ashleigh. “Initially, 
| used more muted colours for her, but 
after a few experiments, | came up with 
this palette because it suited her 
character better.” 


DOWNRIGHT FIERCE Udon invited 
Ashleigh to enter an image for its 
Street Fighter Anniversary tribute book, 

which pleased her plenty. “I’ve always 
been a huge Capcom fan, so being able 
to draw some of my favourite characters 
was an immense honour.” 
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The Gallery 


= Patipat Asavasena 
LOCATION: Thailand 

WEB: asukalll.deviantart.com 

EMAIL: digiemo@gmail.com 
SOFTWARE: Photoshop CS3, Painter X 


“?’m a fan of the famous 
animation Evangelion,” says 
Patipat. “The first 

time | watched it, | was 
stunned!” And when the 
shock wore off, he started drawing. 

Participating in online communities, 
Patipat quickly made friends, 
exchanging critiques and pursuing 
collaborative projects. Eventually, 
through practice, a new, more realistic 
style began to emerge. “And through 
self-study in art, | still keep learning new 
things every day | can,” he says. 

After a year working as an art director 
for a local games studio in his native 
Thailand, Patipat opted to work as a 
freelancer for a while, and is better 
known as Asukall1. 


PERFUME HARVESTER Patipat was 

involved with a group of Thai artists 
on a calendar project. “My theme was 
Perfume City,” he explains. “Personally, | 
love the colour of this piece.” 


GREED The theme here is ‘the 

couple’. Patipat explored this with 
the pairing of ‘human’ and ‘greed’. The 
mechanical butterfly wings attached to 
her back represent the desire of 
humanity to conquer the laws of the 
nature. “They seek perfection, but 
don’t care about the method,” Patipat 
explains. “So they destroy everything 
around them, including themselves.” 


SEND US YOUR 
ARTWORK! 


Every issue of ImagineFX features 
a selection of fantastic artwork 
from talented artists - and you 
could join them. For a chance to 
see your artwork included in 
ImagineFX, send your work to us, 
along with an explanation of your 
techniques, the title of each piece, 
a photo of yourself and your 
contact details. 

You can email your work to 
fxpose@imaginefx.com. Bear in 
mind that attachments must be no 
more than 5MB in total, or we 
won’t receive them. You can also 
send images on CD or DVD to: 
FXPosé 
ImagineFX 
30 Monmouth St 
Bath, BA12BW 
UK 
We prefer 300dpi TIFF or JPEG 
files if possible. All artwork is 
submitted on the basis granting 
Future Publishing a non-exclusive 
worldwide licence to publish, both 
in print and electronically. 
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Your guide to 

getting started 

Most art fans recognise 

a manga-inspired image, 

but how do you create 

one? Discover the visual 

elements that define 

manga art, then go 

beneath the surface to 

find out why concepts 

such as large eyes are Joanna Zhou helps you paint 
employed. Get ready for hase iaeaee oe 
a manga masterclass... 


Workshops 


Journey into the heart of manga 


3 18 Manga character tips 
hy with Saejin Oh 
= \ 


Invaluable advice that will help you 
draw bona fide manga characters 


24 Essential manga tips 
with Joanna Zhou 

26 gems of wisdom for creating art 

that's unmistakably manga 


DS 28 Manga-style illustration 
ie * yy with Joanna Zhou 
) \~v\), Discover the basics of creatin; 
A Je ® an illustration in a manga style 
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Saejin Oh 


COUNTRY: Canada 


Saejinis a 
freelance 
illustrator 
who loves 
creating 
concept art and 
character designs. 
saejinoh.blogspot.com 


On the disc 
Find workshop files 
and brushes in the 
Under The Skin folder 
inside Beginners 
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SKIN 


PROFILE 


Saejin Ohvhas some inv 
helo you draw and pai 


able advice that will 
etter manga 


ig eyes, small mouth and fancy hair: this 
unique style originating from Japan 
boasts immense popularity from its 
most loyal fans. People love manga for 
its fantastic imagination, lovable characters and 
the inspirational quality that can only be 
defined by the Japanese word ‘moe’. Manga has 
captivated audiences around the world. 
There's just something about manga. It 
could be the big puppy-dog eyes or the puffy 
red cheeks, but it’s a visual style that makes 
an instant connection with its viewers. You 
don't need to know who the character is or 
where they're from to know you like them. 
Such emotional connection is difficult 
to achieve with other styles. 
The effect that manga has on 
people is easy to experience. It’s 
almost impossible to go to a 
convention without seeing P Ry 
someone cosplaying as Yoko hi ‘7 
or Cloud, while the artists at ee 
their tables hand out posters 
of their own big-eyed 
characters. The style is 
undeniably popular, 
but how can you 
draw it effectively? 


2 NOT ALL EYES ARE 
MADE-THE-SAME 
Few people realise that there are 
two distinctive styles of manga 
eye, and the results they achieve 
are staggeringly different. One is 
called continuous style, while the 
other is non-continuous style. 
Continuous style attempts to 
exaggerate the eye while obeying 
the rules of human anatomy; in 
contrast, non-continuous style 
completely disregards reality 
Non-continuous style eyes are 
easily recognisable because the 
character's upper and lower 
eyelids are detached from one 
another. The line that runs around 
the outside the eye is therefore 
disconnected. Both styles have 
advantages and disadvantages, 
and recognising these will enable 
you to draw more effective 
manga-style characters. 


Defining manga 
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Manga characters have simplified facial features, but even 
subtle changes in eyebrow height, eye size and mouth 
shape affect the entire mood of the piece. 

Manga eyes often don’t have much anatomical detail, so 
artists use shape and size to show expressions. You can 


SSSSSes 


only change the shape so much 
without a muscular structure to 
support it. These expressions are 
so widely used, it’s hard to define 
manga without them. 


ON THE NOSE 
\ Fictional people can’t breathe, so what’s a nose to a manga 

,, character? While reading your favourite manga, you've probably 
_ wondered why the nose is so simple. There’s no nasal bridge, no 
nostrils, No bones - just a dot! It sounds strange if you put it like 
that, but in manga you have to discard unnecessary details for 
the sake of aesthetics. This is a manga character, not a ZBrush 
render. When you have so little detail on your character, every 
position, line and dot is crucial. You can, however, add a realistic 
nose if you know how to stay within the style. 


The battle still rages on here. A dot nose is 
the prime example of a non-continuous 
style, in that it has no anatomical 
connection as we've previously described. 
The nose is broken off from rest of the facial 
features and is essentially hovering over the 
centre of the face, connected only by a 
colour that resembles flesh. It’s a strange 
way of dealing with reduced details, but it 
works. If a character looks great with a dot 
nose, it’s difficult to argue with that. 
The continuous style, 
however, adopts a more 


subtle approach of discarding only the 
worst-offending details. This style attempts 

to use nasal bridges and other elements as 
much as possible, without becoming oe 
complicated. This style also works brilliantly, 
but again, it requires a better understanding 


of anatomy. 

It’s important to avoid mixing elements, 
such as continuous style eyes with a non- E 
continuous style nose, and vice versa. You 
can try it, but you must remind yourself that 
you're mixing flat 2D style with a full 3D 
style. They may work in the end, but you 
might find that you've sacrificed one of the 
styles without even noticing it. 


a 


gt 


7_LIP SERVICE 

When it comes to lips, all that’s required to draw an older character is a 
single line by the mouth. Depending on how they’re drawn, lips can turn 
an innocent character into a mature onee-san (big sister). 

A 3 Realistic lips are the bane of manga characters’ existence. They’re simply 
not made for each other. Manga deals with the problem by treating the 
whole mouth area as a flat surface. Interestingly, both continuous and 
non-continuous styles treat the area in a rather simplistic manner, and even 
a small detail will stick out like a sore thumb. The lips are usually eliminated 
to harmonise the facial features, but if the character has more dynamic 
face contours, then bulging lips won't be a problem. 


EX 


21 


‘Manga for beginners 


MAKING MOUTHS 
Manga has little to say about the mouth, 
although it’s one of the core details of a 
manga style face, along with the eyes 
and nose. A manga mouth is usually 
nothing more than a single line without 
any indication of lips, tongue or teeth. It 
works brilliantly, of course, thanks to the 
simplified style that goes along with it. 


1 AM WOMAN 
The manga style is used almost 
exclusively for androgynous male 
characters, female characters and 
children. A man drawn in manga 
style is just aman. There may be a 
degree of androgyny in the male 
character, but you wouldn't notice 
if someone ported Kratos over to 
Bleach and gave him some cel- 
shaded colours. At its heart, manga 
is an art style for female characters 
or any character that resembles a 
female. The males are left with 
relatively realistic style that’s 
indistinguishable from reality, apart 
from cel-shaded colours. 


Even subtle changes in eyebrow height, 
eye size and mouth shape will affect the 
entire mood of the piece 


10 
The manga style is easy to break - you must know precisely where your character’s 
eyes, nose and mouth are. However, maintaining consistency becomes difficult as you 
progress with your character. No doubt you'll soon need to present a range 
of emotions as you depict them reacting to a certain situation. 
There is a straightforward solution, however. You can have a 
replacement model - a different version of the same character for 
expressing extreme facial expressions. This frees you from the 
responsibilities of keeping your character consistent, and also allows 
fora greater range and depth of behaviours. 
There are often different versions of manga characters for certain 
situations. A serious character, for example, may have a non- 
XD continuous style version for comedic scenes. That way, the 
character can express different of emotions while staying within 
the established style. 


WORKSHOP 
BRUSHES 
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Manga for beginners 
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ESSENTIAL 
MANGA TIPS 


Joanna Zhou reveals 26 gems of wisdom 
for creating art that’s unmistakably manga 


1 LEARNING FIGURATIVE 
PROPORTIONS 

n manga style, the human body is 

» often used metaphorically to express 


ithout a doubt, manga is 
one of the fastest 
growing art forms among 
young people across the 


| pastel colours are well suited for 
| chibis because they enhance the 
_ dynamism and cuteness of 
each character. 


Joanna Zhou 
COUNTRY: UK 
CLIENTS: Animexx eV, 
Raptor Publishing 


Joanna is 

a freelance 
illustrator 
and graphic 
designer. She 


| has 10 years’ experience 


drawing manga with 
professional exposure in 
the UK, USA, Austria and 


E Germany. She is also a_ 


member of the well- 
known UK manga group 
Sweatdrop Studios. 
www.chocolatepixels.com 


On the disc 
Find screenshots in 
the Essential Manga 
Tips folder inside the 
Beginners section 


globe. Most artists discover this 
hobby in their teens and face the 
challenge of self-directed learning 
alongside school or university. 

I’ve never seen manga as work, but 
a fun refuge from the actual stresses 
of daily life. | hope that other aspiring 
mangakas (manga artists) will see it 
in the same light, because with this 
attitude, artistic improvement will 
become an enjoyable and effortless 
process. Don't listen to people who 
say that manga is a useless hobby. 
Any form of visual creativity is 
infinitely more productive and 
satisfying than many other pastimes 
that spring to mind. 
Despite its stylisation, manga 
techniques incorporate perspective, 
solid proportion and colour theory, 
which benefit a huge variety of 
careers or life situations. Hopefully 
these tips will inspire you to delve 
deeper into the fascinating world 
of Japanese comic art. 
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dramatic or comedic impact. Take a 
ook at any manga comic and you'll 


| find a figurative fluctuation between 


body shapes - even of the same 


"character between one image and 

» the next. Mastering each proportion 
» greatly enhances your flexibility as a 
- visual storyteller. You may even end 
» up adopting a certain body type as 
» your signature style. 


| 2 SUPER 
| DEFORMED STYLE 


~ When drawing chibis (in manga, a 
- chibi is basically a cute, small, child- 
» like version of an anime or manga 
» character), you should constantly 
» remind yourself to keep the torso, 
arms and legs as short as possible 


(erasing any excess if necessary). 


_ Because our sense of regular 

i anatomy is so deeply ingrained, it’s all 
» too easy to make the limbs longer 

» than they need to be, resulting in a 

» child rather than a chibi! Bright or 


3 GUIDELINES 

ARE VITAL 

Use guidelines wherever 
possible! They only take a 
second to draw and can 
drastically reduce the 
amount of unnecessary 
mistakes, such as eyes not 
being level or hair not 
following the shape of the 
head. ‘Ball joint’ bodies 
enable you to see at a 
glance if certain limbs are 
the same length. Guidelines 
can also be used to denote 
the ‘twist’ of a body 


posture in a dynamic scene. | 


4 FROM ROUGH 

TO DETAIL 

Always work roughly to begin with 
and gradually build up the level of 
detail in your image. (See the three 
rough sketches on the opposite 
page.) If you start adding intricate 
sparkles to an eye before even 
completing the face, you may 
discover later that the whole eye is 


in the wrong location and needs to be 


erased. Never leave a mistake if 


you've already identified it, even if it 


(@@ A single line in the right place 
can project a sense of beauty and 
power, whereas a mass of 
scratchy outlines only reflect 
hesitance 99 


» entails a lot of redrawing. Guidelines 
and rough sketches promote 

» maximum efficiency and accuracy 

| when drawing. They also force you 

| to think carefully about the technical 
| composition, which has to be good. 


5 DESIGN MEMORABLE 

- CHARACTERS 

_ One of the most unnecessary 

» mistakes in comic drawing is to lose 
' your reader's interest because they 

| can't tell your characters apart. Each 


Exciting manga hairstyles 
have thick and thin 
strands arranged in 

a 

manner, yet still form 

a pleasant shape as a 
whole. The same principle 
applies towards clothing 
folds. Practice drawing 
‘randomly’ but with 


so it doesn’t become a 
mess. Hint: curved lines 
look best when they’re 
drawn in 

. Holding your 
breath could make your 
hand momentarily 
steadier! Try it... 


enough critical judgement —_ 


Manga art tips 


| character should have significant 

| differences in hair, eyes, height and 
lothing (unless the storyline dictates 
therwise, of course). Consider how 

» colours, hairstyles and accessories 
can be used to appropriately 

| represent certain personality traits. 

| Also, adding background, props or 

| narrative creates a stronger context 
for your character. 


_ 6 DIFFERENTIATION 

_ (ISN’T JUST A HORRIBLE 
_ THING IN MATHS) 

| Amore advanced technique of 

| varying your characters is to draw 


\ different eye shapes and facial 


| outlines for each one. This requires 

- some practice but if done correctly 

» and consistently, it becomes a subtle 
' yet very effective way of 


| differentiating characters. 


7 360 DEGREES 
As you practice, remember 
_ to draw the head from 
different angles. Don't fall 
nto a rut of always drawing 
he same tilted head facing 
he same direction. A full- 
rontal face is actually quite 
_ challenging because you 
_ have to make sure that both 
yes are absolutely identical. 
f you hope to take your 
/ manga drawing further, one 
_ of the first things publishers 
| look out for is the ability to 
_ draw the same face from 
; Many perspectives. 


Se” 
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»> 9 BE CONFIDENT WITH 


YOUR MARK-MAKING 


A good piece of advice I’ve had is to turn my 


scruffy pencil sketches into a 


line. A single line in the right place can project 
beauty and power, whereas a mass of scratchy 
outlines only reflects hesitance. With rare 
stylistic exceptions, manga drawings should 
always contain crisp, confident contours. 


10 THE SECRET OF 
ELEGANT LINE ART 

Always vary your line width when 
inking to create an appealing, 
dynamic image. Use thicker lines to 
emphasis contours (such as the face 
shape) and thinner lines to suggest 
distance (billowing hair strands). 
Having the same line width 
everywhere creates a static and 
slightly sloppy effect. Manga art is 
traditionally inked using a nib pen 
(as seen on the image above). Fine- 
iners and digital inking are viable 
alternatives, as long as you take care 
to alter the line weight. 


Tl HOW DO! DRAW 
HANDS? 

As with the human body, you have 
to be thoroughly familiar with their 
physical structure before being able 
to create poses from scratch. Study 
and draw your own hand to 
understand digit length, how they 
bend and which fingers tend to 
group together in certain positions. 
Manga hands place emphasis on 
grace, so detailed nails and wrinkly 
knuckles are usually blended out. 
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single beautiful 


12 QUALITY OVER 
CONVENIENCE 

Sometimes it’s tempting to sit and 
fidget over an image instead getting 
up to look for references. But at the 
end of the day, you’ve wasted more 
time trying to fix it yourself - and 
chances are it still looks worse off. 

It only takes a second to take a 
photograph of your own hand or 
yourself wearing a certain garment 
with clothing folds. You will learn 
much more by copying correctly 


than by free-styling incorrectly. 


13 THROUGH THE 
LOOKING GLASS 


The results are often quite sobering - 
what looked perfect during sketching 
could have hideously asymmetrical 
eyes and other anatomical mistakes. 
Keep correcting the image until you 
are happy with the reflection. 


14 IN YOUR FACE! 

The face is where you can make or break an 
emotional connection with the viewer. The face 
is a good place to express style. Maybe you 
have a certain way of drawing eyes or mouths 

- that will eventually become your trademark. 


| Think about how the mouth, eyes, pupil size 


_and eyebrow position express a certain 

~ emotion. If in doubt, look at yourself in the 
mirror and notice which areas of your face 
move. Practice making as many expressions as 
you can - just make sure no one’s watching... 


15 


Manga profiles are usually 
with the nose and mouth jutting further 
outwards. Practice drawing an eye from the 
side and remember to position it in line with 
the ears and the ‘dip’ between nose and 
forehead. Males have a more pronounced 
and angular jaw line than females. 

will also affect the profile of 
face, hair and eyes. Drawing the bald head 
first ensures the correct placement of hair. 


_@ Experiment 


| 
i 
| 


_to challenge the 
_ stereotype of what 
people imagine 
_manga can be 


99 


16 FEMALE BODIES 


Manga female body proportions are 


| usually very petite, reflecting the 


beauty ideal of Japanese women. 
Depicting defined muscles or an 


_ Amazonian build is less aesthetic, 


and definitely less mainstream. It’s 


» common, however, to add voluptuous 
Holding your drawing up to a mirror is 
an effective way of spotting mistakes. | 


| 17 BUFF BISHONEN! 

_ Male bodies fluctuate 

_ between heavily muscled 

- forms and an almost 

' androgynous beauty. 

| |ronically, the latter is more 
| popular with female artists. 
| Bishonen (beautiful boy) 

_ style simplifies the male 


breasts in order to differentiate 
women from girls. 


body into a slender form, 


_ with graceful indications 
- of muscle and a notable 
lack of nipples or body hair. 


18 
The fastest 


know your own strengths and weaknesses, 
through critical selfanalysis and 
constructive opinions of others. Create a 
clear mental plan of areas you need to 
tackle, as well as areas in which you do well 
and can develop to your advantage. Doing 
well is more morale- 
boosting than always aiming (and failing) at 


unrealistically difficult tasks. 


Bright bubbly colours and chibi characters 
can deftly hide the fact that an image (See 
the various postcard images above) does 
not involve advanced knowledge of 


proportion or perspective. 


19 THE JOY AND AGONY 
OF CLOTHING FOLDS 


Copying from fashion magazines is 
a great way of training your eye to 
differentiate visually important folds 
from insignificant crumples. You'll get 
an inherent understanding of how 
different garments drape over the 
body, which is a vital foundation for 
designing your own clothes using 

a variety of fabrics and cuts. When 
in doubt, it’s better to have a few 
simplistic lines indicating folds rather 
than a jumbled mass of incorrect 
zig-zags just for the sake of detail. 


20 DRAWING 

OLD PEOPLE 

The standard manga face 
is poorly suited to adding 
wrinkles. In order to create 
a realistic older person, you 


have to alter the entire facial . 


outline to correspond with 
the sagging and wrinkling 
that occurs with the ageing 
process. The eyes become 
smaller and the distance to 
the mouth increases. 


- 21 COMIC CONVENTIONS 
(NOT THE SMELLY ONES) 
» There are many rules and icons 

| specific to manga style when it 

| comes to expressing certain moods 
| or situations. For example, soeed- 

| lines can be used literally for 

| movement or figuratively for 
emotional shock. Study various 

: mangas to identify these narrative 
devices and try to incorporate them 
| into your own work. Manga page 

| layouts are a lot more dynamic than 
| the box panelling of many western 

| comics. However, take care not to 
let acomplicated layout hinder the 
reading flow. 


_ 22 THINK BIG, BUT 

| DRAW SMALL 

| Thumbnails provide a vital overview 
| of your page and enable fast editing 
| of various elements (panel shape, 
speech bubbles and so on). Not only 
"is this much more efficient than 

» making large-scale corrections, it also 
ensures that your final comic sheet is 
| subject to far less erasing and 

| redrawing, which could affect the 
final image quality. 

Your thumbnails can be as 
rough or as detailed as you feel is 
appropriate. But they must show the 
» panel arrangement, speech bubble 

! location and character shots. 


is to 


| 23 NARRATE, AMUSE 
AND ENTERTAIN! 


Manga style isn’t always about creating a 


| glossy-eyed pin-up. Try using character 
_ interaction to create a dynamic snapshot with 


one or many punchlines. This works well with 
chibi style but can also be done with regular 


_ proportions for a darker narrative. Imagine 
_ yourself as a manga journalist, not a fashion 


photographer. The more detail and narration, 


_ the longer someone will want to look at your 
_ image... and that can only be a good thing! 


Manga art tips 


| 24 WORK IS PLAY 


» The only way to improve is to 
| practice, and you can only practice 


a lot if you enjoy it. Drawing is a 


| therapeutic hobby, and you should 


do whatever makes you feel good. 


If you only draw to beat others, then 


you'll end up frustrated if success 


' doesn’t come. 


| 25 RULE-BREAKING 


There are rules to manga, but you’re 


_ not obliged to follow them. In manga 
style, creativity is often forgotten in 
- the drive to draw things realistically or 


earning to colour like a certain artist. 


26 DO YOUR OWN THING 


_ Experiment with media and 

| technique to challenge the stereotype 
- of what people imagine manga can 

» be. This image is a Photoshop collage 
_ of asoft pastel background and two 

| manga characters. The effect is 


entirely unlike the slick CG effect that 


— you might usually associate with 
/ manga illustration. ® 


Manga for beginners 


a freelance 
illustrator 
and graphic 
designer. She 
has 10 years’ experience 
drawing manga with 
professional exposure in 
the UK, USA, Austria and 
Germany. She is also a 
member of the well- 
known UK manga group 
Sweatdrop Studios. 
www.chocolatepixels.com 


On the disc 


e Find workshop files 

in the Cherry 
Blossom Girl folder inside 
the Beginners section 
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—— THE CHERRY 


BLOSSOM GIRL 


7Joanna Zhou explains the basics of creating an illustration 


in a manga style using Photoshop and Painter 


anga artwork often suffers 
from the unfair stigma of 
appearing all the same. 
Although there are general 
stylistic conventions, as we've seen, 
every artist interprets these differently, 
creating a host of distinctive styles. The 
more you draw, the faster you will 
discover your own style, both in 
character design and colouring. 
This tutorial guides you through the 
process of drawing and colouring 
a manga picture. The colouring 
technique outlined here was done in 
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Photoshop and Painter. I also used a 
graphics tablet, which is an invaluable 
tool for anyone going into digital art. 
Wacom tablets often come with a free 
version of Painter Essentials. Although 
it's not as good as the full version, the 
effects demonstrated in this tutorial 
can be re-created (with a bit of practice) 


' in Painter Essentials. 


I like to sketch and ink by hand, then 
scan the outlines and colour them on 
the computer. Great care should be 
taken over the sketch because it forms 
the backbone of your work. Even the 


! best colouring technique won't be able 
_ to salvage a poor, out-of-perspective 

_ drawing. When sketching, I check for 

_ mistakes by holding the drawing up to 
a mirror. Inking is done in black ink, 
with a thin fine-liner or nib pen. 


When working digitally, my files 


_ will most likely be in PSD format to 
support layers. The final image is then 
- flattened and saved as a TIFF or JPEG 

- (at least 300dpi). TIFF is better quality 
- for print, but has bigger file sizes. JPEG 
» has avery small file size, making it 

: suitable for pictures on the web. 
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Style conventions 
I begin by sketching out the 

image using a 2B mechanical pencil. 
I use a putty rubber because regular 
erasers can damage the paper surface 
and leave dust. A good trick for creating | 
an instant, dynamic composition isto | 
use a simple pose but drawit with the | 
paper tilted. 

Some manga guidelines to bear in 
mind are the conventions for mouth, 
eyes and hair. The mouth is kept very 
small, like a rosebud, particularly when | 
you're drawing female characters. Eyes 
are definitely the number one manga 
trademark. They should be large and 
expressive, with graceful eyebrows and 
lashes. I like to draw hair as thick, 
almost three-dimensional strands: 

I find it a lot easier to colour in later on 
if I can see where the separate layers of 
hair begin and end. 

Female manga body proportions are 
usually petite, with skinny wrists, tiny 
waists and thin legs; albeit frequently 
with large breasts! 


Scan the image 

The sketch isinked withathin | 
nib pen and drawing ink. I oftenvary 
the thickness of the lines to create a 
feeling of depth. For example, the 

ies | 

contrast between the girl's thick outline 
and the thin cherry blossoms 
immediately indicate foreground and 
background. After inking, I scan the 
image at 300dpi and open it in 
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Manga art basics 
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Dry Watercolour 
Ctrl+Shift+_ (Pc) 
Cmd+Shift+L (Mac) 


area in Painter. If you forget 
YOu Won't be able touse ’ 
the Blender Tool. 


PRO 

SECRETS 
Coloured 
outlines 
Go to the outline layer 
and change it from 
Multiply to Normal. 
Select all and copy. Then 
create a new layer right 
above that and fill it in 
with black. Turn this layer 
into a Quick Mask by 
clicking the Quick Mask 
button on the toolbar. 
Paste the outlines to get 
a red-on-black mask. 
Remove the Quick Mask 
and delete the selection. 
The outlines are now on 
a transparent layer. 
Select Lock Transparent 
Pixels (or Preserve 
Transparency) and you 
can now colour freely 
into the outlines. 


he —— 


! Photoshop to adjust the contrast. 


| Levels so that I can manually tweak the 
8 Used after watercolouring aa i 


enables you to paint swatches of a 
| chosen colour so that you always have 
_ the right hue at hand. 
| The shading can be rough and 
| scribbly, as that’s where the Blender 
Sometimes it's enough to go to Tool comes in handy. Before using 
Image>Adjustments>Auto Levels. | it, I have to dry the watercolour 

To gain more control, I then select _ (Layers>Dry Digital Watercolour, or 
_ Ctrl+Shift+L). Then I take the Blender 
contrast. Ideally, you should have a | and smooth over what I've just drawn 
crisp black outline (but not overly | to create perfectly blended shadows. 
jagged), with no traces of pencil. This | 
is now ready for colouring in. Airbrushing 
The rest of the image is coloured 
_ in using exactly the same technique. 
_ The Airbrush can be used to create 
blush on the cheeks, add highlights 


_ to clothing or correct mistakes. 


Outline work 

The outlines are opened in 
Painter. I like to copy and paste the 
outlines to a new layer, and set this to 
Multiply. This enables me to colour | 
freely but still retain the black outlines, | 
which show through. I also keep a 
completely white layer under the 
outlines to act as a backdrop. 


Gouache work 

The Gouache brush is used 
for zig-zag hair highlights, which are 
another typical feature of manga 
_ illustration. I also like to add single, 
_ wispy strands of hair, in which case 
| Lwork above the outline layer. 


Gather your tools 
Before beginning to paint, 


| Idrag my choice of toolsintoacustom | 


| palette so that I’llhalways have them on | 
the screen. For this project, I choose 
_ Digital Watercolour>Broad Water 


| using Digital Watercolour. First, I cover 

everything with a light skin tone. I then 
_ introduce shadows with a medium skin | 
tone and create some depth with a very | 
|| dark tone. The mixer palette in Painter | “= 


Final polish 

When the colouring process is 
| complete, I save the file in Painter and 
_ open it again in Photoshop. You can 


. eee give the illustration a final polish by 
| using the Hue/Saturation/Colour 

| Balance editors in Photoshop, 
Deeg | colouring the outlines (see the Pro 
femme Secrets box to the left), or resizing and 
| cropping. Once everything looks good, 
_ Flatten (or Merge Visible and discard 
_ hidden layers). @ 


_ Brush, Blenders>Grainy Water, 
| Airbrushes>Digital Airbrush, and 
» Gouache>Opaque Smooth Brush 10. 


Colouring 
I begin by colouring the face 
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Find out how to breathe life into the 
people in your manga images 
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oe Female fantasy mek 
have beehja cohstant source 
of inspiration for me®® =x 
Chester Ocampo, page 36 
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Your guide to the 

stars of manga 

For all the fun you can 

have painting vehicles, 

robots and cities, it’s the 

characters that bring 

manga art alive. Build on 

the elements that set 

manga apart from other 

art styles, and create 

characters that stand Michael Chomicki paints a sassy 
racing star of the future. 

out from the pack of Turn to page 32 

generic me-too images. 


Workshops 


Your character can tell a story 


32 Create a future racer 

with Michael Chomicki 
Learn how to paint unique manga 
style fabric on you characters 


36 Paint a fantasy mage 
with Chester Ocampo 

Create a manga-inspired, special 

effects-laden character image 


Presents Manga Bs 


Character creation 


YF, 
THE G REATEST 
WAVERACER 


Michael Chomickishows you how to paint and 
colour rubbery fabrics in your character art 


Michael — 
Chomicki 
COUNTRY: Canada 


Michael got 
serious about 
drawing at 
the end of his 
high school 
career, where he became 
inspired by Japanese 
animation and European 
graphic design. He 
graduated in illustration 


and computer animation, 


before beginning work in 
the videogame industry. 
He’s since co-founded 
Studio Qube with his 
brother Cyprian. 
www.studioqube.com 


On the disc 
& Find workshop files 
and brushes in the 
Greatest Waveracer 
folder inside Characters 


show you how to create a 
manga-esque character 


on specific rendering techniques that, 
while painterly, enable me to preserve 
a clean, line art feel. 

Throughout the workshop, I'll also 
study the differentiation between 
material types, as well as the 
relationships between warm and cool 
colour tones. I'll look at how to 
successfully make use of shadows, 
lighting and reflected light, in order to 
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n this workshop, I’m going to 


illustration. I'll mainly focus 


: achieve a three-dimensional form from: 
_ a flat line drawing. You should keep the | 
_ decisive use of dark versus light in mind | 
| distinct points in manga illustration. 


throughout the workshop, in order to 


| achieve a shapely, yet comfortable look 
' to the artwork. Although I'll be 

| working on a flat, white background, 

| I'll keep a virtual atmosphere in mind, 

| and really push bounced lighting. I am 


| colours between materials and objects. 


Of no lesser importance will be my 


| focus on maintaining a very Japanese 
__art-inspired look and feel to the 


Scanning the line art 
I start by scanning my line art in 


| ata high resolution, in this case 600dpi. 
| When it’s scanned, I reduce the image 

| to somewhere between 300 and 
400dpi, depending on the size and 

| purpose of the artwork. I clean up the 

» scanned line work, and remove the 


white background space after using 


| Select>Colour Range to highlight it. 
| This will later help me in painting over 


my line art. 
Next, I colourise the line to a desired 
tone, using Image>Adjustments>Hue/ 


_ Saturation. I continue by importing 

- some solid graphics and logos from 

: Illustrator, and place them in the 

! artwork (beneath the line art layers), 


mainly using Edit>Free Transform and 


| Edit>Transform>Warp. I set the line art 
| layer’s blending mode to Multiply: this 
' will enable me to maintain the line, 
while! place all the colour beneath it. 


I conclude by organising and naming 


_ all my layers as something sensible; 
: whatever I see fit. 


Organise your layers 
Once I have all the basics set, 


| I begin creating colour separations for 


- the various sections of the artwork. 


character art. As a result, I'm going to 
be very deliberate in how I shape such 
areas as the eyes and hair - always 


I'm going to keep Japanese 


| animation in mind, specifically the way 


| 
| 
| 


| that shadows (or ‘cuts’) are shaped. 


Cuts are used in animation all over the 


| _ world, but the Japanese have a very 
| going to achieve this mainly by sharing | 


specific way of shaping them. Since 


| I'm taking a painterly approach in this 


workshop, my cuts will be a lot more 
painterly than those found in most 


| classical-style animation. 


For example, I place the skin tones in 
their own layer, the red of the bodysuit 
in its own layer and so on. 

I'm not too concerned about 
achieving colours that are absolutely 
spot-on at this stage, as I find that I'll 
often go back and readjust tonalities 
later. Most of my colour separations are 
within the mid-tone range. I also make 
sure that I name the colour layers 
accordingly, for easy organisation. 
Working with multiple layers enables 
me to alter specific sections of the 
artwork at a later stage without 
disturbing the rest of the piece. 


Manga fabrics 


Add some volume 

I start giving the image some 
_ volume, mainly through the use of 
| shadow and reflected lighting. Having 
| assigned all my colour separations to 
| separate layers, I've made my workflow 
_ for the rest of the painting process 
much simpler and cleaner. I select a 
colour layer, and while holding Cmd 
- ona Mac, or Ctrl ona PC, I click on 
_ the thumbnail within that layer. The 
| Selection Marquee is in my way, so I 
_ untick View>Show>Selection Edges. 
_ As I begin to paint, I use a softer brush 
| for roughing sections in, and a harder 
_ brush for tightening things up. 


Hf 


| Complementary 

| colours 

| While picking and choosing my colour 
tones, I’m always mindful to push my 

_ lighter tones in a relatively warm 

- direction, and my darker tones and 
reflected lighting in a cooler direction. 
| This stems directly from some basic art 
_ principles: warm lights should be 

| complemented by cool shadows, while 
_ cool lights should be complemented by 
warm shadows. The idea is to push for 

_ opposites in tonalities, in order to 

_ achieve a significant level of contrast, 
and therefore volume. 


Defining 

shadow areas 

I want to give certain shadowy areas 

_ adefined look. I try to stay away from 
_ working a single area too much. 

| Although it’s often very tempting to just 
_ go in and finish off a section, it's always 
| best to work the entire painting at once. 
_ For reflected lighting, I usually tend to 

_ choose tonalities of greys. 
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» Material girl 


Character creation 


ayer Select finer View Window Help 


ee 


Once I feel that I’ve completed 
blocking in the shadow areas, I start 
adding the lights, as well as some 
detailing. At this level I also want to 
concern myself with the material types 
that I’m working with, and their 
reflective properties. Areas such as the 
character's skin will never match the 
high specular values of the motorcycle- 
red plastic bodysuit. Since I'm aiming 
to give the red a significant amount of 
gloss, I have to focus on high contrast 


oO « 
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| between its values. I achieve this by 

_ placing the lights right alongside the 

| darks. To top off that plasticky look, 

| I use a sharp brush with a pressure- 

' sensitive tip to add some precise areas 
_ of bright specularity. 


Lovely rubbery 


For the rubbery areas of the suit, 


- the specular value is much lower than 

- that of shiny plastic, which means the 

: hotspots tend to be gradual. I no longer 
: require that high gloss. 


pant02 psd @ 50% (emblems, ACB/ 6) 
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PRO 

SECRETS 
Layers are 
your friend 

Make sure you remember 
that layers are your 
friend, and have 
countless uses. One of 
the many ways that I 
apply the layer system is 
in combination with the 
Eraser Tool. | create a 
clean layer and, with my 
brush, roughly block in 
an area of colour. | then 
take the eraser, with the 
same settings as my 
brush, and erase into the 
roughed-in colour, 
without having to worry 
about altering the 
information below it. 
This is just another way 
of shaping your painting. 


tiw ©): 


Colourising 
As I continue detailing the 
artwork, I make another layer over the 
top of the line art layer. It’s going to be 
in this layer that I'll paint over and 
colourise my line. Depending on what 
I feel is appropriate for the situation, I'll 


- either freehand some colour over the 
» line art, or alternatively, I may select all 
: the line in the same way that I do with 


: | the colour separations, and then paint 


into the selection. 
This selection procedure will only 


- work if the white in the background 


was removed from the line art layer in 
the first step. For sections where I want 
to be rid of line art completely, I use 


a layer mask on that layer, which can 


be activated by clicking the third icon 


- from the left in the Layers palette. 


Following this up by painting white 
into the layer mask, I’m then able to 


| easily hide sections of the line at my 


convenience, without actually 
removing it permanently. 


Manga features 
When adding colour to the face, 
I have to keep in mind its manga/ 


- anime origin. Everything here comes 


' down to a soft look and selective 


_ simplification. At this stage, I'm 
mainly concerned with solidifying a 

- comfortable sense of volume. I want to 
_ avoid a flat look, although you'll find 

_ that, asa result of its simplified nature, 


a manga/anime face style will tend to 
look flatter when compared to other 


‘ contemporary styles. 
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Look into my eyes 

Since the viewer's eye will always 
be attracted to the character's face first, 
Ihave to make sure to refine it 
appropriately. This is especially 
important to me since I’m trying to 
achieve that Japanese look. I paint over 
the line art, throw in some gloss on the 
nose, lips and cheeks, and pay a lot of 
attention to the eyes, which, along with 
the hair, are of utmost importance. 


_ pressure-sensitive brush, but fake the 

_ majority of the hair with some solid 

- areas of colour, always making sure to 
_ maintain the Japanese-style feel. 

: I finish up the hair by adding some 

| anime gloss to it. 


Manga fabrics 
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I finish up the artwork by adding 
- some final colours to the hover ball. 
logos _ Although I want the tones to remain 
Onethinatolkeepiin _ colourful, I also want to make sure that 
mind when importing | they don’t compete with the colours on 


Convincing 


SNS SENSES the character, but rather that they 
emblems and designs, : f 

into your art, is that they [i recede into the background. In order 
have to look convincing. | to wrap it all up, I make any final 

One way of achieving _ adjustments to the areas of the artwork 


this is through the Free 
Transform and Warp 
Tools, in order to distort 
the desired graphic over 
the topology in question. 
Use the Free Transform 
Tool to rough in the 


_ that I’m not quite satisfied with. @ 


Hair care H placement and 


When approaching the hair, SERIES Cela 

i ; elined by j the Warp Tool’s mesh 

_ I don't want to be overwhelmed bya =| Wee ee 
| strand-to-strand approach. I do add Ii™ those finer, detail areas. 
| some random hair strands with a sharp, © | s8S9 in 


in the Edit menu. 
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Che ster Ocampo shows 
; inspired, sisi effects- — character image » 
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Character creation 


Chester 
Ocampo 
COUNTRY: Philippines 
Chester is 
a freelance 
\ digital 
A illustrator 
who loves 


Haruki Murakami 
novels, videogames, 
and conspiracy theories, 
and is currently on 


emale fantasy characters 

= dressed up in outlandish 

costumes in an action- 

orientated image have been 
a constant source of inspiration for me. 
For this workshop I've decided to draw 
just that, and hopefully add to your 
knowledge of presenting a character that 
packs a visual punch. Be forewarned that 
my methods involve several layers and 
versions of the same image, and may 
present challenges for those with limited 
hardware power (like my stalwart, rickety 
old workstation). I won't be covering 


concept generation here, as you probably 
already have favourite character types in 
mind. That said, the idea for this image is 
a straightforward one: a female battle 
mage casting a spell in preparation for an 
impending conflict. This idea can be 
executed in several ways, by contrasting 
the battle mage’s arcane spells with 
modern-day clothing, or a futuristic 
battle mage casting spells that look like 
digital interfaces. I've decided to go with 
a manga/videogame fantasy approach, 
with the battle mage sporting a spear that 
serves as both magic-channelling device 


and weapon, and exotic, non-culture 
specific fantasy clothing. 

A few tips worth mentioning before we 
start: when working with several layers, 
it's best to name, group, and even colour- 
code your layers for quick referencing. 

Save different versions of the image, 
and save often. Merge any layers that 
can be merged to reduce the file size and 
avoid having your computer slow down 
on you. Also, in case you mess up your 
current file, you can always go back to the 
previous versions and take the parts you 
need. Okay, on with the workshop! 


a quest for the best 
salmon sashimi in Manila. 
www.chesterocampo.net 


On the disc (qy Start small, 
Find workshop files == start strong \\ ob calm 
enalbrushes inthe Image dimensions determine AEN EaRee £ SAAS } 
Spear and Spell folder ed , : WEA : ee 
incidiercharacrare composition, so I sketch out ideas in the ¥ > fk 
given sizes and see which size fits the Pre 1 j 


needs of the artwork. For this workshop, | 
the sizes to choose from are either single- 
page portrait or double-page landscape/ ie Se eh : 3 : / 
portrait. I draw three thumbnails on : ; 
scaled-down (25 per cent) versions of ; ee \ 
the actual image dimensions. There's no : 
need for fine details: the main concern is 
composition at this early stage. I make : 
sure that the composition and the \ ; Shiite Dist 
subject's figure have a nice, smooth flow 
with the use of curved lines, contrasting \} Sy 
shapes and varied sizes of elements. ; ' 


Go etc, 4 


Merge Layers 
Ctri+E (Pc) 
Cmd+E (Mac) 
Merges selected layers 
together, Oran entire 
Sroup of layers intoa — 
single layer. 


(2) Rough it out 3) Fine lines 


= Using a rectangular marquee, I copy the chosen thumbnail, == | reduce the Opacity of the sketch layer to 30 per cent. I create new layers for ink 
paste it onto a new file with the actual image dimensions and working _ lines, inking certain areas such as the face in a separate layer so that it won't get messed 
resolution, and scale it up to the edges of the image. I reduce its up when the areas surrounding it get inked. I use the regular Hard Round brush, with 
Opacity to 30 per cent, create a new layer, then refine itonce the rough Size Jitter set to Pen Pressure for varying line weights, and the Eraser Tool to knock out 
sketch is finished. I put a 10mm allowance on all sides to make sure overlapping or unwanted lines. I turn off the visibility of the rough sketch layer once 
that none of the important parts of the image get cropped out during inking is finished. I refine the line art by zooming in and erasing or redrawing some 
printing. It’s easier to crop an image than to add extensions onto it. lines, then merge all the ink lines under one layer of line art. 
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Divide and colour flat 
Underneath the line art layer, 

I create a colour flat layer that covers all 
the elements conveyed by the line art. 
This omnibus colour flat layer serves as 

a failsafe in case some elements are not 
properly given flat colours. I use a 
combination of the Wand and Lasso Tools 
to select elements that are not next to 
each other, and fill each with a flat colour. 
Each layer of colour flats should have a 
different hue for easy distinction. I group 
the line art and colour flats together by 
selecting the layers and pressing Ctrl+G. 


House of floating tiles 


Elements not included in the 
inking process, but that play a significant 


part in the composition, are fleshed out at — 


this point. In this image, the battle mage 
has several tiles floating around her spear 
and flying all over the place. All of the 
tiles are of the same design, so it pays to 
create a master copy. From this, I make 
duplicates and Free Transform (Ctrl+T) 
each tile to its proper perspective, 
referencing the layout from the rough 
sketch. I position the tiles on the 
foreground and background, above and 
below the character group respectively, 
and keep the tiles in separate groups. 


Cast some 
magic runes 
The magic runes emanating from the 
mage’s spear are another important 
element not included in the inking 
process. I make a new file and create a 


_ spiral vector path with the Pen Tool, 
_ selecting Paths in the top toolbar before 
_ Istart drawing the shape. 


Iselect the Horizontal Type Tool, 


| double-click on the spiral to create a text 
"cursor, and type along the path using an 
_ arcane font. Now I Ctrl-click on the text | 
_ layer in the Layers palette to select the text 

- outlines. In the Paths palette, I click Make — 
' work path from selection: this converts 


the type to a shape, so I can apply Free 


_ Transform on the magic runes later. 


I make two rasterised copies of the 


magic runes, applying Filter>Blur 
_ >Gaussian Blur on one and Filter>Blur 
_ >Radial Blur on the other. I group the 


rune layers and drag the group to the 
main image. I Free Transform the runes 
based on the sketch layout. I create the 
feathers on separate layers, using a regular 


_ Soft Round brush. 


Picking local colour 
With the composition locked 


~ down, I go back to the colour flats of the 


subject and start choosing local colours 
for her costume and weapon using the 
Lasso/Magic Wand-and-fill method, or 
painting over with a Hard Round brush. 
Using a Soft Round airbrush, I paint the 
background colours. These background 
colours may be dark and muted, but the 
hues shift from cool to warm, hinting at 
a sense of movement. The colours 


_ harboured in the background will play 


a huge part in lighting up the character 
and other objects later on, so I'm careful 
to choose them well. 


Prepare for lighting 
I save a copy of the image, then 
flatten the line art and flat colours group 
into a single layer, leaving the group of 
floating tiles in their respective single 
layers. I duplicate the background colours 
layer, bring it to the top of the layer stack, 
and set the blending mode to Multiply. 

The entire image has darkened, making 
it ripe for rendering lighting effects. 
There's a faint light coming from above 
(let’s call it skylight) and a warm light 
(firelight) from the bottom right. The 
battle mage’s spear has its own lighting 
effect emanating from the crystal 
mounted at the tip. 

It's good to vary the intensity of each 


_ light source for a more interesting result. 


Iassign the faint purple skylight as the 
weakest, the warm orange firelight as 

a moderate, and the magical blueish 

light as the strongest. »> 
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Character creation 


\ — ¥ 
¥ 
*: 
 - 
} 
J > i magic crystal near the tip of the spear. 
a 4 } I feather the selection to 50 pixels and, 
vy 4 using the Radial Gradient Tool and a pale 
; } blue colour, create a gradient from the 
; J \ / focal point outwards. The basic lighting 
>i WaT render for the entire image is complete. 
SH a 
* , Os yx 
‘@> Skylight Magic light i. 
I copy the background tiles, subject \Lastly, I render the magic light by =, 4 N 4 
and foreground tiles layers into one determining its source, the crystal-at the t ——T / 
group: I bring this to the top of the layer tip of the spear, as the point from where 
stack, lock each layer’s transparent pixels the pale blue light radiates. The magic 
and fill each layer with black, then set the _ light is quite close to the subject, and it | 
group blending mode to Linear Dodge. will only hit areas directly exposed to it. 
I make two mote copies of this group, After determining the intensity of the 
for a total of three groups set to Linear magic light as it affects the subject, its 
Dodge: the top group is for rendering effect on the background can now be 
light from the magic light source; the next — created. Using the Lasso Tool, I create a 
group is for firelight; and the bottom of __ starburst shape, with its focal point the 
the three is for skylight. Keeping the —— = 
lighting layers in different groups is = 9 —_—— Up-close rendering 
handy for adjusting the intensity of each : =< I combine the skylight, firelight, 
light source later on. + and magic light layers with each of their 
I render the skylight first, which is a ey corresponding flat colour layers. (Skylight 
faint blueish-purple light coming directly 4 . subject, firelight subject, magic light 
from above. I pick the colour from the top subject, and flat colour subject layers 
part of the background colours layer (the should be all merged together.) I set each 
one with the Normal blending mode, not & e y lighting layer’s blending mode to Linear 


Multiply). I render the lighting on each 
layer inside the skylight group, using a 
semi-Soft Round brush with noise, as 
it gives a hint of faint brush strokes and 
a bit of texture at the same time. 


Firelight 
Y Next up is the firelight lighting 
group. As with the skylight, I pick the 
warm orange colour from the bottom- 
right corner of the original background 
colours layer, and proceed to render the 
lighting on each layer of the firelight. 
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Dodge. Once the lighting layers have been 
combined with their corresponding flat 
layers, the image should be ready for fine 
rendering. I zoom in on detail-intensive 
areas such as the weapon, face, and body, 
and blend the colours using a smaller size 
brush. I check how the elements interact 
in terms of lighting and apply the 
necessary bounce light by picking the 
colour of the reflective element and 
painting it lightly on the reflecting 
element. I paint over the line art by 


_ picking the surrounding colours. 


Action poses 


Magic particles 


but with tweaked scattering and spacing 
settings, I create the particles of magic on 
layers underneath and above the subject 
layer. I create a pale blue outer glow for 
the special effects layers using Layer 
Effects. I make another special effects 
layer that follows the path of the runes, 
using the Scattered Dots brush. I apply 
an outer glow layer effect on this as 

well. I make another layer just above 

the background layer and doodle in 
concentric circles with the scattered dots. 
Iuse Radial Blur to create a burst effect, 
lock the transparent pixels, and use 
radial gradients to fill it with colour. 


Depth and focus 


Since the layers are kept separate 


throughout the entire process, a depth-of- 


field effect can be applied using varied 
_ levels of Gaussian Blur. The battle mage 
"and her weapon are the focus, while all 
elements in the foreground and 
background are blurred relative to their 
distance from the focus. Objects nearest 


. Using a regular Hard Round brush, — 


- to and furthest from the viewer are 
_ blurred the most, with other objects 
| blurred less as they approach the focus. 


Using a feathered Lasso Tool, 
I select any specific areas that 
require blurring. The magic 
runes, for example, stretch 
out from foreground to 
background, so only the 
central area should be left 
free of blurring. 


The final 

“=> touch-ups 

~ Before continuing, I save the 
current version of the image 
as a copy and flatten 
everything. Now I can zoom 
in and touch up the parts that 
need further definition 
or correction, safe in the 
knowledge that I have a 


WORKSHOP 
BRUSHES 


BRUSH TIP SHAPE 


SHAPE DYNAMICS 


OTHER DYNAMICS 


oe 


CE g 


—\ back-up if things go wrong. 


Ay) 


_ don't get distracted by too many options 
- placed next to warm colours. With this 

_ image’s focal point being dominantly 

_ and slightly desaturate the warm areas, 

_ colours established during the painting 

_ stage. I create a new layer with blending 


- mode on Overlay, filling that layer with 


- apale blue radial gradient from the magic 


_ selective colour (blue). Lastly, I create a 


Colour treatment 
= ‘This step can be conducted as early — 
as the lighting stage, but it's usually easier 
to just do this during the last stages, so I 


PRO 
SECRETS 


too soon during the work process. 
Cool colours usually recede when 
blue, I increase the saturation of the blue 


but do so carefully to retain some of the 


a low-saturation warm colour, then apply 


crystal outward to the far ends of the 
image. I use adjustment layers to tweak 
brightness and contrast and use some 


new layer, fill it with black, apply a Noise 
filter on it, set blending mode to Overlay, 


- and turn Opacity to 10 per cent. This will 
_ create a subtle grain texture to the image, 
_ so that it doesn't look too pristine. And 

_ there you have it: the finished image. @ 
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Your guide to 

defining a style 

There are many visual 

elements that are 

essential to cementing 

a true manga style, but 

there’s still plenty of 

scope for expressing 

yourself and finding your 

own style. Explore the 

- 4 ‘ variations available Joanna Zhou abandons line art 

i, ji Workshop ° within manga art with pe ru dinetee 
Spr, ( files are on ;; our workshops. 


5} yourdise 


Create manga your way 


i as WA 


with Hoang Nguyen 
Create a painting inspired oy) the 
famous Japanese woodblock prints 


e iS e ek 
Abandon line art and create a rich 
painting style that's still all manga 


Blend and layer on paper as you 
create manga with pens 


Bring the vital elements of manga 
into your illustrations 


Take a piece of line art and 
transform it with digital colour 


DWN 


; 
‘ 


AS 
NN 4 oe” 
Wy); 


Make your ow * 
mare on MANGA 
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Style 
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THE PAINTED y 
PRINCESS < 


Create a unique style using proven techniques in Photoshop, as re: “< 
Hoang Nguyen demonstrates his angle on the floating world... wt 


hether you're a professional : Japanese ukiyo-e, a print-making and » to complement the subject. Lastly, I'll 
or amateur, most artists will | painting technique that goes back define the light source to help tie up all 
search a lifetime for theirown — centuries and made famous _— the elements. 4 
Hoang Nguyen style and identity.Somehave _ byartists like Hokusai It’s a portrait - but not in 
COUNTRY: US a unique look that sets them apartearlier © and Hiroshige. a traditional sense. Iliketo 4 
on; others might take a while. Butwhatis __ like to start set up my composition with __ 
Hoang works a is thatth A, ae: Ake i iat h h hat I'lik f : 
natnesane important is that the artist's artistic vision __ by focusing t emes that] like to paint. 
industry, stays uncompromised and true to their | on creating / __ And since the theme of ri a 
Coin Hil STi) drive. I'ma firm believerin growingand —_asimplified if | this workshop is the 
to well-known 1 ‘ mili d t Shack d f 12 wiiiadtant 
AEG GEST: earning asan artist, and even an amateur | backeroun 7 so ' \ ukiyo-e style, 4 stig! 
Scrolls, Dead to Rights, can teach a professional a thing or two. _ that it doesn’t j +. up myalley. I'ma big 
Tiger Woods and The In this workshop, I'll explain how to overwhelm the fan of old Japanese art, ‘ 
Godfather. Currently ; > i F : - ¢ 
5 - draw and direct viewers into your own | main theme. j — ¥, especially Hokusai, ra 
he’s at Namco Bandai , % 3 H j i ; r « 
as the seniorart director: world. I'll focus on using simple | Then I'll explore / i _ | sol'm going to bring 
www.liquidbrush.com composition and design to capturethat_ -- how tocreatea J j j ij | | something old “3 
P fleeting moment. This is my take on - colourscheme / 7’ *. and new together. : f 
On the disc eeting moment. This is my take o Z / ; | 8 


if 


Find workshop files 
and screenshots in 


the Painted Princess Composition | 
folder inside Style : 3 ‘ i 
As the subject matter is the ukiyo-e | 
style, I'm going to try and mimic those i 
Japanese paintings, but with a modern 
twist to make it a bit more interesting. 
Ukiyo-e was a kind of woodblock 


painting depicting the ‘floating world’ - ¢, x 
a world of luxury and privilege, | Reidw 
unattainable to the common man A KRY 

I like to keep my composition simple ‘& nA 
and not centre on the image, so I focus \ 


most of my attention on the face 
and direct the viewer's attentionto ~ me. 
the main focal point. My other a : Se 
_ point of interest is her tattoo, so \ 
I spend time on that too. 

Now that I've established that, my 
attention will be on the subject, and 
everything else is just background. » 
Bie al 


» > 


Style 


Mirroring 

your image 
Flipping or rotating your 
image can help to fix 
problematic anatomy. 

| often flip the image 
during the painting 
process, as this helps me 
address problems with 


my anatomy and many 
other aspects of my 
image creation process. 


Making a background 
I'm fond of bamboo forests. There 
is a calmness that has always drawn me 


| to them, and I'd like to capture that in 


this workshop. I start with just a pencil 
and paper, using a vellum Bristol board 


_ (because of the smoothness). I focus on 
_ blocking in the bamboo, always trying to 


keep it simple. Once I’m happy with the 
result, I scan it in at 300dpi greyscale. 

I'll convert it to RGB mode when I start 
painting. It’s currently a bit busy, but once 
all the layers are composited, I'll simplify 
it even more. 

Now I start out with some colour 
testing. I'm more concerned with big 
shapes and colour rather than worrying 
about details. In this image I'm going for 
a cooler colour palette, and trying to keep 
it almost monochromatic. This was made 
using textures and clone tools. add some 
noise using Despeckle (it’s under 
Filter>Noise>Despeckle). This gives 
the image that old textured look. It 
sometimes creates a moiré pattern, so 
you might want to be careful of that. 


The finished 
background 
Now that I've got all the necessary layers 
done, I start experimenting. The pencil 
layer is at 40 per cent Opacity, with the 
blending mode set as Linear Burn. The 
brown layer is set at 75 per cent Opacity, 
using Overlay as the blending mode. 
The blue texture layer is at 100 per 
cent Opacity, again using Overlay. 

To composite the finished background, 
each layer is applied in chronological 
order to achieve the final look. Texture 
gives the image more depth and it helps 
to weather the look a bit. 


Face details 
Now that I have the background 


_ in place, I'm going to focus on her face. 


I start out with simple black and white 
hues and apply shapes. I usually like to 
paint in layers, so that I can just delete it 
if I'm not happy with how it turns out. 

I play with the hair, experimenting with 
various brush sizes and opacity. I also 
block in the face and define some shapes 
and forms. 

At this stage, I keep everything pretty 
flat and simple. I think about where the 
light source is coming from, and start to 
give the form some light and shadow. 


| eyes and face to draw the viewer in. The 


Eyes, face and skin 
I want to put more emphasis on the — 


eyes hold so much 
emotion that you 
can tellifsomeoneis _ 
happy orsadjustby 
looking at them. oe. 
Istart by applying — 
skin colour over the © 
B&W layer, and add _ 
detail around the iris 


and her eyelashes. Using just the regular ; 
brush and setting my brush size between . 
_ 4 to 10 pixels, I detail in her face. I also 
_ play around with values and shadows to ~ 
_ define form around her facial features. # : s 


if 
: 


~— 


Painting ukiyo-e 


The hair and light 


[ put more details into the hair and start to focus a bit more attention on how the 


light bounces off her, At this point, I’m pretty happy with her face, so I move on for now. | 


I'll add more details, like light and shadows, once I’m near the end. 


Kimono details 
I start out with the pencil line 


{ 


Helps reduce th j 
layers in your file 
handy for keeping y' 


j 


Merge layers 


Ctri/Cmd+E 


‘e number of 
le. Quite 
our 


file size manageable. 


| work. Notice that I have the bamboo layer - 
| showing through: this is to help me with 
positioning the background art. 


Now I have started to paint in the form 


and shape using only greyscale. This helps 


me to determine how I want the 
composition to turn out. 


Adding colours 
I'm going with a more desaturated colour palette, so I do some 


| testing with the blue tint. I'm thinking of having her body blend into 
_ the background, with the primary focus on her face. 


Here I’m testing various elements, combining the blue layer and the 


| warm layer to achieve the look I'm after. I like how it’s turning out at 
| this stage and will move on to the tattoos. I’ll be adding more details 


to the kimono in the final stages. 


—_ <i 


Tattoo details 

Here I create a serpent-like dragon 
. bursting from the ocean. My idea is to 
show the dragon breaking free of its 
} shackles. The ocean represents the tides 
pushing it back, and the dragon 
represents freedom. | then isolate the 
shoulder to focus on the tattoo, and turn 
off everything else. Using Multiply, I 
apply a faint blue tint, carefully going 
around the serpent. Next add some 
more details and colour around her 
shoulder. I paint some warm colour to 
help the tattoo settle onto the skin. 


Blue work 
I start experimenting with a blue 


_ hue overlaying on top of the tattoo. 


I test the skin colour to see how the 


_ tattoo works with the other elements. 

_ Notice that her shoulder is blending into 

_ the background, which is what I was 

_ planning. I make some minor touch-ups 

' and move onto the next stage. »> 


a 


Style 


Help with 
anatomy 

If you want to get to 
grips with your anatomy 
skills, but don’t have 
access to a life model, 
this site is really helpful: 
www.human-anatomy- 
for-artist.com. There is a 
lot of human nudity in it, 
so be careful where you 
view the site... 


- 
> 


Combining elements 
At this stage, I’m ready to combine 


: various elements and start to finalise the 
painting. I drop the background in and 

| mask around the figure. I then paint in 

| the light source and try to soften her look 
| abit. I'm getting close to finalising the 


painting — I just need to combine the 
foreground and background. 


Working the skin 

I build up layers of skin tone and 
add a variety of hues - mostly purples and 
blues - beneath the skin layer. This 
process is very important in building up 


| realistic skin shades, since it will give 
_ more depth and form. As light bounces 
' offthe skin surfaces, certain elements 


iz 


will be lighter than others. Areas under 
the eyes, around her eyelids, and the 
breast region are very thin and will 
reflect light and shadow more. 

Using a much warmer palette, I 
experiment with a few different colour 
schemes. I actually like this look, but 
feel that the impact is not strong enough. 
Because I want all the attention to go 
toward her face, the warm colour choice 
might not work. 


Final details 

I go back to the cooler scheme: it 
seems best for the image, since it'll help to 
make her face stand out. I start to focus 
more on her face, adding highlights and 


_ mascara. The background and foreground 
_ blend rather nicely. At this stage, I'm very 
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close to finishing the painting. I just need 
to go in and add the final details. 

On a different Multiply layer, I apply 
more make-up around her eyes. Using a 
muted olive green, I apply a thin layer 
over and around her eyelids. I’m also 
softening around her eyes so that it’s less 
intense, and add highlights to reflect the 
light source coming from the left. 


| Finishing 

it all off 

' I paint in some birth marks 
and moles to give her more 
realistic skin. These flaws 

- help to define who we are, 
and are quite attractive. I 

» also add some handwritten 

_ text to marry the images 
together. The background 
blends nicely with the 
characters, making it look 
somewhat worn down. 

_ Lastly, ladda Kanji layer 

- and make my final pass, 

_ and it’s all finished. @ 
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Joanna Zhou 
COUNTRY: UK 
Joanna is 
a freelance 
manga artist 


and a member 

of the well- 
known UK manga group 
Sweatdrop Studios. 
www.chocolatepixels.com 


On the disc 
Find workshop files 
& and screenshots in 
the Dreams Of Lilac 
folder inside Style 


‘SHE DREAMS 
OF LILAC 


- Joanna Zhou shows you how to create an atmospheric 


manga painting without relying on outlines 


ne of the greatest challenges 
of painting is being able to 
produce realistic contours 
using only colour and 
shade. Manga style is poorly suited for 
this style of painting, since details are 
always rendered as inked outlines first. 
We tend to think of colouring in a 
manga drawing rather than painting 
one. This tutorial introduces an 
unusual manga technique which 
involves painting directly on top of the 
sketch. It's a great way to experiment 
with lighting, colour combinations and 
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|; atmosphere, and I thoroughly 


recommend that you try it. Working 


without outlines also encourages you to | 
_ particular attention. A manga face is 
| quite flat so you can’t make features 
| meld with the bone structure as you 
- would ona real face. 


loosen up your style, and trains you to 
exercise control over the fluidity of a 
painted surface. 

This is an ideal crossover technique 
for manga artists wishing to venture 
into realistic fantasy painting, or vice 
versa. Bear in mind that manga 
characters are stylistically quite 


different from real humans, so standard | 
painting conventions need to be treated | 


with discretion. The distorted facial 


| features mean that the T-zone across 
_ the eyes and down to the nose and 


mouth need to be treated with 


The key is to keep shading nice and 


_ subtle, and carefully layer on shadow 
| until you have your desired result. Of 
| course, this image is still quite comic 


like, but you are free to tweak your own 
style between manga and realism to 


_ create something truly unique to you. 
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Stop the white wash 

With a painterly technique in 
mind, I pay close attention to the 
interplay of light and shade when 
sketching. I try to visualise the final 
image without any outlines, and block 
in appropriate areas of shade. I scan the 
sketch and set it to a Multiply layer. 

A good trick when attempting a 


dramatic or experimental piece is to fill 


the background in with a different 


colour. Working off a white background 


will almost always force you into a rut 
of using predictable shades. I test a few 
skin tones against the pale blue, and 
settle for complementary lilacs and 
dusty pinks. I don’t think I would ever 
have picked these tones if I had been 
working off white... 


In the mix 

Using the sketch as a guide, 
I begin blocking out areas of colour in 
my picture with the Smeary Round Oil 
brush. As usual, I keep distinct areas on 
different layers for easy editing. For this 
technique, it’s very important to make 
use of the Mixer. This is a palette where 
you paint tiny swatches of all the 
colours you've used in case you want 
them again. (Pick a colour up with the 
Eyedropper Tool.) The Mixer is also 


| 


PRO 

SECRETS 
Creating 
dynamism 
and depth 
Many tricks can be used 
to give very tranquil 
compositions a touch of 
movement, such as 
having flying strands of 
hair around an otherwise 
still character. Dynamism 
is closely linked with 
depth: if you can show 
something moving 
through (or rather, 
suspended in) three- 
dimensional space, it 
instantly generates a 
feeling of tension in 
your image. The drop 
shadows underneath the 
hair strands, the mist in 
the foreground and the 
sparkle flying into the 
background all contribute 
towards this effect. 


| useful in controlling the overall colour 
_ scheme of your image: you can see at 

_ aglance how many shades are going 
on, and whether or not they 

» complement each other. 


_ to block in shades with the Oil brush 

_ then smooth it with the Blender Tool. 

_ The key objective is to wean myself off 
' the reference sketch, so I constantly 
 teduce Opacity as the shading builds 

| up. Eventually, I turn off the sketch 

| altogether and continue to work only 

| with the colours on my painting layer. 


_ subtle gradation, but should be used 
- with care: it can muddy up your shades 
_ if applied too liberally. 


| goastep further and really “lift” up an 
' object by edging it with a colour that 
/ contrasts in hue and tone (such as 

_ the yellow hair highlight 
shown here). Try to build up 
all areas of the painting at 


Painted manga 


| equal level of complexity. This ensures 
that your final piece will be coherent, 
and that all the colours and shapes 

- work well with each other. 


Head details 

: I make a new Multiply layer and 

| use the Digital Airbrush to paint on 

| cheek blush. The Multiply setting 

| means that any shading I’ve done below 
_ will show through and the tint appears 

_ realistic. For the hair, I use the Opaque 

_ Smooth Gouache brush to flick out 

_ pale, wispy strands. This has the effect 

_ of creating more depth in the picture. I 

_ decide to refrain from using solid black: 
| it would create much deeper shadows 

| than I want for the colour scheme of 

| this image. 


Reduce opacity 
My basic colouring style here is 


The Blender Tool is amazing for 


Sharp contrasts 
: As more details begin to emerge, | 
_ I face the challenge of creating crisp | 
, edges without using outlines. The best | 
| way to simulate depth is to havea sharp | 


| 


Strands of hair 
The Blender Tool is useful for 
defining strands of hair: set at the right 
width, it creates a sharp edge with the 
| adjacent colour. For the flyaway strands 
| I colour over them thickly, turn on the 
_ sketch, and use the eraser to remove 


contrast of dark (object behind) and 
light (object in front). You could even 


any excess. 


Finally, I paint in a dark 
G Y), exter lj cloudy sky to give the 
Change sizes 


, scene a little more drama 
Ctri+f or] }, and add a sparkle trail 
apples or] with the Fairy Dust F-X 
B\\ Or eraser sizes Eon brush. Symbol brushes 
rendering tapered shape should be used sparingly, 
end crevices, though: they can quickly 
Tees overwhelm a picture. @ 


an equal pace, with an 


\ Changin 
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<Rileen Strauch shows now you can work with 


imagine 


looking illustrations of all 
sorts. when you know your 
way around marker pens. It 
might take some time to get used to a few 
of their habits, but the results can look 
quite impressive for a tool branded 
as traditional media. 

This tutorial will solely focus 
on colouring a manga-style image with 
marker pens. I will show how they can be 
used while going through each stage of 


‘Shadow and light 


Before I start to draw the outlines 


onto marker paper, I make a quick copy of 


the rough sketch to get an idea about the 
light sources in the image. I tend to use. 
garish colours for this step, but it helps as_ 
a quick reference later on when adding - 
shadows and coloured reflections. Any _ 
planning made now will save you lots of 
time and redraws later There's no Undo 
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» the image, from first sketch to the last 

_ stroke of colour. One thing I cannot stress 
_ enough is the fact that there is no Undo 

_ button for any mistakes: once the colour 

_ is on the paper, it stays where it is, with 

~ little or no chance of correction. This 

_ might sound a bit harsh, yet with some 
planning you can prevent most major 

_ disasters, like bad colour combinations, 

_ from happening. 


Most of the time I get inspiration for 


my artwork from unexpected sources, but 


Colour sketch 

A second and equally useful 
preparation is a colour sketch that 
contains the main colours for the picture. 
Picking colours for minor details is not 


dea of whether the main colours work 
together. Sometimes I have a certain 
colour scheme in my head, but it doesn’t 
work as well on paper. I try different 


combinations until I am satisfied. 


| process is the blue light reflections that . 


mportant at this point, but it gives a good | 
~ colour scheme. In general, the colours - 

_ of marker pens are transparent and mix 
- when another colour is added on 

_ top, which is why I add the blue with 
_ the fine nib first. 


marker pens t 


variety of poses and related things until 


~ Tam looking at the right version. It also 
: Belps to think ofa background. story or 


ioe often like to include little Hinigt hich 
define a character's traits, and it makes 

_ the time working on an image much more 

exciting. It can spawn even its own little 

~ comic idea. 


Lines 
For the outlines, I use a mechanical 


_ pencil not thicker than 0.5mm, and 

- 0.35mm for smaller details. It’s easy to 

_ draw clean and smooth lines with them. 

- Ithen trace them with different coloured 
fine-liners that are marker proof. This is 

_ crucial: some types of fine-liners can 

' bleed when they come in contact with eee 

- markers and will result in weird smudges.. - -_- 


As a precaution I only trace a line once 


_ with the fine-liner, leaving out any 
dynamics of the outlines, because of a 
: marker’s ability to pick up dark colours. 

; After finishing the coloured outlines, 
- I carefully remove the pencil lines with 
_-asmooth eraser. It won't be possible 
-- any more once the colour is on it. 


Light reflections 
The first step of the colouring 


Style 


\ Skin 


ERO ETS ~ Since it's advisable to work from light to dark, and because the skin is the 
brightest colour visible in the image, I apply it to the paper next. Here the brush nib 
Contrasts and comes in really handy, and enables me to create slight gradients from the skin colour 


combinations to the white of the paper. 


Contrasts make an image 
much more interesting. 
Some colour choices 
might seem strange at 
first, yet they can adda 
particular edge. | find 
greyish lilac or greyish 
violet very useful. It 
provides a subtle cold 
contrast to the warm skin 
colour and it leaves a hint 
of colour, rather thana 
simple grey spot. Light 
blue shades are a good 
alternative, but they can 
turn easily into greens 
when you put them onto 
skin colour. 
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Darken the skin 

It's easy to build up the colour with 
markers on a few layers. With two shades 
slightly darker than the base skin colour, 
I add depth and some defined shadows, 
taking into account the reference I created 
earlier. With the brush nib, I add the 
darker colour; in return, it blends into the 
base of the skin colour. 


Shadows and contrast 

- Finally, I put an even darker skin 
tone on top, which gives the defined 
shadows more shape. I like to apply a 
contrasting colour: one of my favourites is 
a greyish lilac. I add it to some of the 
darkest parts of existing shadows. Skin 
tones in general work well with cold 
colours as shadows. 


8 Hair: the first step 
I have a tendency towards multi- 
coloured hair, and I decide to give her 
partially blonde and violet hair. When 
using the brush nib, I can easily create 
highlights that look organic and not cut 
off. To make the transition from the 


blonde to the violet part more smooth 
and natural, I shape strands of violet hair 
that dissolve into the yellowish colour. 


4 


f@\ Strands of hair 

S With the second coat, more strands 
are defined more clearly. Similar to in the 
previous steps, I opt to use a darker shade 
for each coloured part. 


10 Final hair steps 

“= The hair finally gets its darkest 
strands and a few shadows applied. 

I draw the dark strands with the brush 
nib. I add my favourite greyish lilac 
occasionally to the blonde parts to give it 
more contrast. I also apply a scarce bit of 
a dark greyish lilac on both hair colours, 
simulating more depth. 


~. necromancer’s skin before. 


. Patterns 


’ Patterns without outlines can look. 


‘as interesting as those with, but because 


I put it underneath the image so that the 
pattern shows through. I use the colours 
accordingly to the shapes but I am careful 
that the colours do not overlap. 


More colours 

Now, Ladd the flat colours of her 
clothes. It is the first time I discard the 
brush nib and use the thin nib instead. 
When I colour a large area like the cape, 
I have to work rather quickly in order to 
prevent an overlapping of the same colour 
or visible strokes. This happens when wet 
colour layers over an already dried part: it 
can spoil the effect of an evenly coloured 
area. Small circular strokes with the thin 
nib are very effective at preventing this. 
@@ Folds and fur 


Defining folds on the clothes is an 


act of spontaneity, since I don’t plan every 


single fold of the fabric in advance. It 
looks unnatural if they're all shown as 
part of the overall outlines. 


I put several layers on top of each other | 


to model a decent amount of fold in her 


cape, indicating a thinner fabric. The skirt _ 
contains a second layer of the base colour 


and brown colours on top. ladd more - 
attraction to her white part of the 
undergarment with the light. 
turquoise that I used on the 


some of which pick up elements 
of the cape’s colour. 


Marker pen manga 


Mam Details 


a ‘Now that most parts of the» 


fe We hope Woe cere le 5b: 618100, 856 


atmosphere immensely. . 

| The wand is supposed to be made of 

_ some kind of metal, so I apply bold lines 
with a dark greyish lilac after the soft 
gradients of shadows. Her boots get a 

» treatment of a top coat using a neatly 
applied light blue, while I colour the 
skulls more roughly. 


me 
Doing magic 
Finally I can add the visible parts 
_ of the magic as blue sparks: the essence 
_ of the evoked spirit. I simply add blue in 
_ irregular lines and bubbles with the help 
of different blue shades. I start with the 
lightest tone, then apply more tone but 
less colour with each darker shade. 


| 


SECRETS 


Eyes 

In contrast to the colour sketch, 

_ Ichange one of her two eye colours. I 
replace the green with red because I want 

- a pop-up effect together with the blue eye. 

_ Even though the sclera is white, it 

_ needs some soft and defined shadows to 

_ work together with the shading of the rest 

' of the face. Afterwards, I create the darker 

' parts of the iris with the same colour as 

- the base colour. » 
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17 The stone body 
With the base colour, I leave the 
space for the blue spirit particles intact. 
Following this step I add an orange colour 
to a few parts of the body in order to 
reflect the colour of the sky. Turquoise 
suits the faint reflection of the blue from 


the light particles. Afterwards I create 
different cracks and partial shadows with 
various cold grey tones to emphasise the 
rock like feel. A bit of light yellow on the 
head of the giant functions as a-visually 
more pleasing transition between the 
stone and sky. Once I finish these steps, 

I apply bold shadows with a dark cold 
grey on top of the other layers. 
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13 Clouds in the sky 
Before I started with the colouring 

process, I intended to use a stylised cloudy 
sunset, which I will add now. First I’m 
going to colour the sky, while I leave the 
clouds blank for the moment. Sketched 
clouds on a separate piece of paper 
underneath the picture provide a good 
guide for where to place the colour for the 
sky. Dark colours are trickier to. blend 
because more shades are needed, but the 
colours themselves can be used as 
blenders. This is exactly what I am doing 
with the gradient from orange to violet: 
While the orange is still wet, I carefully 
apply the lilac to blend the colour with 
strokes in only one direction = no wild or 
irregular movements. Marker colour 
tends to dry very quickly, so I work.on 
one part at a time. 

After I finish the different tones of the 
sky, I turn my attention to the clouds. 
I wet the area with a blender and create 
a smooth flow from beige to the paper's 
white. A blender is a marker without any 
colour: it makes blending techniques like 
the wet-in-wet method a lot easier. I don't 
let the beige dry, and I apply some yellows 
and faint violets onto the clouds to add 
more movement and character. 

Last but not least, I add colour to the 
flying rock islands with slight shadows. 


19 Black and white 
The only things left are the 

finishing additions of dynamic outlines, 
white highlights and colour splatters. I use 
the fine liners to give the outlines varied 
thicknesses; a white gel pen helps with 
highlights. Additionally, I create white 
and black spatters with a small metallic 
screen and a Bristol brush. 


ca Co 
_ ae ae 
2 Finishing touch 

Ascanned picture without 
adjusted colours can quickly look flat and 
lacking in colour. Always take time to 
properly scan the image and set the 
colours right by readjusting the scanner’s 
preset settings as a first step. Colours can 
then be individually changed in software 
like Photoshop. 
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FLIGHT OF THE 
WARRIORS 


“pac Jaruiear eanepe: explains the techniques used to develop Japanese- 
style characters, from line art right through to colouring and shading 


Sinad isa 


from Bangkok 
, who paints 
_both male and female _ 


_™manga art in Photoshop. _ 


On the disc 
Find videos, a brush 
__and workshop files _ 


in Flight Of TI 


in the Style section 


ORKSHOP 
BRUSHES 


PHOTOSHOP 


CUSTOM BRUSH: 
ALL IN ONE BRUSH 


ost people are aware of the 
differences between typical 
manga illustrations and 
Sinad western art styles. You 
Jaruartjanapat probably know what makes each style 
COUNTRY: Thailand look good, too - but have you ever 
wondered why manga artwork often 
“5 appears simple, but still manages to 
5 convey lots of detail? It’s not just about 


~~ __what you can see with your eyes. To 


Create a composition 


understand this style, we need to get right 


back to basics. 
We'll start by looking at layout and 
composition, and how they're connected 


_ to the story you want to tell. As you'll see, 
line art isn’t just used as a guide for 
painting in manga illustrations — it’s an 

| essential part of the finished image. 

| Use of colour is also important. It may 

_ look simple, but as you'll see, appearances 


Draw the outline 
The outline is the most important 


| part of any manga illustration. You can 
' use an almost infinite number of tools 
| to make your line art come to life and 


express emotion, but whichever tool you 


choose, you need experience of using it. 
| Pencils, G-pens (a specially shaped nib 
_ held in a wooden shaft) and Chinese 


brushes are some of the most popular 


choices. I feel most comfortable with 


pencil because you can erase mistakes. 


find that this brush, I need to get a basic idea of what I'm going to draw and what it'll look like. Once 


modified from 


are _..._. I've got that idea, I make a quick sketch to help me decide on a composition. I usually 


"Photoshop's default set, _ 


works well when I’m do several sketches and choose the one I think looks most interesting and attractive, 


style illustrations. 
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and that will suit the image I have in mind. I usually leave the sketches for a while 
before deciding, which helps me see which parts of the composition I need to improve. 


: can be deceiving! In this tutorial you'll 

| also learn the importance of colour 

| theory, and ways of using colour that are 
_ exclusive to the Japanese manga style. 


This is how I go about drawing and 


_ painting manga artwork, from the initial 
. sketch to the line art, to the colouring. I'll 


give you an insight into the techniques 


_ I think are most important for creating 
_ Japanese-style illustrations. 


Prepare to add colour 
Before I start colouring, I usually 
| makea selection for each character 


_ (Select>Save Selection) and save it so I 

» can make adjustments later on. These 

- selections make it easier to work on an 

_ image, and are particularly helpful for 

_ painting manga illustrations, because this 
_ style needs clearly defined areas of colour. 


While selections are useful, don’t use 


| too many or it won't look natural. For this 
_ image, I've only created selections for the 
- two main characters’ outlines and skin. 

- I colour the other areas by hand. > 


Style 
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Use different hues to create shade 

I use colour to control the overall feeling of an image. I like to 
blend colours with either the nearest or the opposite hue on the colour | 
wheel to create a feeling of depth. I think this is a better technique than | 
using bright and dark tones of the same colour to create shadows. This | 
colour-blending technique is very popular in Japanese illustration. 


Ctri+u (Pc) 
lst colours if 
you needa different hue in 
selection, but Want to 
keep the brightest and 
: darkest areas, 


Hair is life 
When I'm colouring hair, I always try to create an impression of volume. I don't 
_ draw individual strands - I just try to give the impression that the hair is waving in a 

_ certain direction. This is a key part of the manga style. Have a look at any Japanese 

| manga comic or cartoon for examples of this. 


Painting skin 

While I'm painting the character's 
skin, I make sure I check some reference 
pictures. There are two parts to this step, 
the first of which involves creating a sense 
of volume. Once I'm satisfied with the 
shape and lighting, it’s time to move on 
to the second part... 


Let nature be 
your guide 
Using reference from 
real life or photographs 
is essential, even if you 
enjoy drawing like your 
favourite artists by 
learning their technique. 
These will form the base 
of your illustration and 
help you solve any 
problems you encounter 
with logic. Even if you 
change your style, what i } 
you’ve learned will stop | , i . 
Soeetas ‘® ~ | unnecessary detail 

: ¥ ¥) Trying to paint realistic detail in this style 
a | is forbidden - seriously! The main parts 
Choose your character colours _ of this character's face are her eyes and 


I've added colour fills to my characters to make them jump out cute mouth, so I only paint the area 
of the background as if they were part of a collage. Colour fills help _ between the eyes and eyebrows, and the 
create harmony in the image and provide depth for characters and T-zone. This is enough to draw attention 
objects. I erase some colour from the character so the colour fill » to the eyes and mouth and show that this 


appears. The amount I need to erase depends on how muchIwantthe ~ isa person’s face. Don't add more detail 
character to blend with the background. I might use this technique to _ than you need to, because doing so will 
blend a character into the background to make another stand out. | spoil the image. 
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Adjust the shading 
At this point, I look at the image as a whole and decide if I need to adjust any 
shading. I often add a little more colour to areas that need it to create a sense of depth. 
Another technique I like is adding a little of the background colour to parts of the skin 
that are in shadow. This should come from the opposite direction to the main light 
source. I apply these techniques on separate layers so I can adjust them later. 


| \ 


_— 


Let the line art shine | 
I focus on refining the shadows and _: 
making sure they're large enough to create | 
an impression of volume.! don’t worry too | 


No competition 
Now it’s time to paint the 
second girl. I use slightly brighter =~ (ay/ 
| colours to make her blend into / 
much about the smaller details, suchas | the background, because Y 
the girls’ accessories - the line art will give | I don’t want her to compete 
these depth. In my opinion, too much _ with the foreground character. 
shading in a tiny space can make the _ Anyone looking at the picture 
image look heavy. : should see the front girl first. 


\ 
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Adjust curves ; 
Cmd+M (Mac) 

Ctri+m (PC) 
Change the selected 

Colour’s tone = make it 

less red but more blue, 
for example, : 


Japan-style illustration 


Keep it simple 
Adding too many details 
and light sources to 
images can suffocate 
them. How do you know 
when to stop? Ask 
yourself what you’re 
trying to say in your 
work. What do you want 
the viewer to see first? 
This will tell you what to 
focus on. Once you’ve 
found your focal point, 
you can add the details 
to strengthen it. 
Eventually, you’ll know 
when to stop. 


“s 


Create depth 


Now I've got all the detail I need, 


it's time to create depth by erasing some 
_ colour from the main character. This is 


_ the same technique I used to add a little 


background colour to the shaded areas. 


Final adjustments 
It’s hard to decide what I need to 
adjust in the final step to make the image 


' look exactly the way I want. I've been 


_ working on the painting for a while, 


io 


- which can make me too familiar with it, 
_ sol try to get it out of my sight. When 


I return to it later, I can see what needs 
adjusting. This is the same technique 
I used with the initial sketch. 


KN 


AW 
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THE MUSIC OF * 
LIFE AND DEATH 


A bright and eye-catching manga illustration isn’t so difficult to create 
once you know the techniques. Madeleine Rosca is your guide... 


aving worked in manga : gradually started incorporating | using a couple of Photoshop's more basic 
illustration for several years | decorative designs into my backgrounds. _ tools to achieve some gorgeous tonal and 
now, I'velearnedathingor | _I've always loved bright colours and - compositional effects. And I'm going to 
two about colouring my "rich, intertwined art nouveau-style Madeleine | show you exactly how to do it in the 
images in Photoshop. I love coming up ' borders so, to help my artwork stand out, Rosca | following workshop. 
with cool character designs, but | I've created a style that combines my COUNTRY: Australia | For this demonstration, I'll be using 
sometimes the plain white background interest in both. It’s bright, snappy and Monsen Photoshop CS3, as well as my trusty little 
behind them just doesn’t cut it, so I’ve | draws the viewer's eye towards the work, a freelance _ Wacom Intuos 3 tablet. Let's get started... 
illustrator, i 
_— Pe Inkingthe musicians == = ———~™S Strengthening 
|? = » | Following my thumbnail sketch = ue the line art 
1 ee —— 5 carefully, I produce an ink drawing of the | Fields. She's currentiy | With the line art on screen, I start to 
Vj } h “\ | iA foreground characters, which then == ho in late 2010. | prepare it for colour. In order to get the 
he £4 fe) ‘ Y GA scan in. I like to make sure my ee dines looking clean and strong, I choose 
~« las p j/ ( “\ \ drawings are relatively large, sothat =» _ _Image>Adjustments>Levels. 


ii)! \ there’s a good amount of detail in On the disc | The White and Black Sliders at either 
‘ { the finished product when I print & Find sketches and end of the Levels graph are the most 
\ i 


"4 
% 2 


<4 them and they're considerably as. e workdiow vidsoin ‘) important: I slide them close together, 
i smaller. I scan in the drawing at Sin eee ton ot _ somewhere around the 200-210 mark. 
ket bing) 


» 600dpi, then reduce that to 300dpi to | This not only makes my drawing sharper 


Oe ee ail ~ work with. | and bolder, but cuts out any grey pixels 
awing 


| I start by thumbnail sketchof | —_ Even fora cover image, 300dpi looks | that were created during the scanning 
the image, which helps me decide onthe _just fine and prints well, but I wouldn't process. Getting the line art reduced 
characters’ poses and the position ofthe | recommend going any lower. It’s always _ down to just black and white values is 
contents in the background. I'll keep better to have more resolution than you - crucial for the next step — the all- 
referring to this throughout the process. _ need, rather than less. : _ important alpha channel. > 
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| Creating an alpha 

| channel for line art 

| Using an alpha channel in Photoshop 
enables me to select the line art by itself 

| with no background around it. This 

| means I'll be able to add colour to the 

| lines themselves, instead of having to 

_ retain black lines, which gives my picture 

_ asense of depth and softness. I prefer this 

_ method to many of the other common 

| ways of colouring line art. 

Creating an alpha channel fortheline | 
art is simple. I choose Select>All to select | 
_ the whole picture, then press Ctrl/Cmd+C | 
to copy it. The Channels palette should be 
_ found in the same window as the Layers 

_ palette: I open it and select New Channel 
| from the drop-down menu. Now I have a 
| new channel called ‘Alpha 1’. Withthat 
| channel selected, I press Ctrl/Cmd+Vto 
paste. I select my Layers menu once again 
and create a new layer, giving it the title 

_ ‘Line Art’, Clicking Select>Load Selection 
in the menu bar, I use the drop-down 
Channel menu to select ‘Alpha 1’ 
and tick the Invert box. My layer 
now has a selection of all the line 
art, with no background selected. | 
All I need to do here is to make sure 
my foreground colour is black, then 
go to Edit>Fill. Et voila! 
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Flat colours 
Now comes the most time-consuming part of the 
exercise — putting in the flats. The flat colours determine 
the overall colour scheme of my picture, plus they come in 
handy for making selections. Using a hard brush at 100 
~ percent Opacity, and changing the size depending on my 


= f 3 #. 3 a % needs, I get to work on this process. 


1. |.) 
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Organising layers 
I'm placing many of the different elements in this picture onto separate layers to 


_ further help me with selection. I usually organise them by character, so the names of 
_ the layers are ‘character A's skin,’ ‘character B’s dress’, and so on. With this many layers, 
_ it's important to organise them into groups so that I don’t get lost in my Layers menu 


and spend five minutes hunting for one little blob of colour on a particular layer! 


| The importance of 

| background colour 

Unless you intend to end up witha 

picture featuring a figure surrounded by 

a blank expanse of white, never colour . 

| against a white backdrop: this often 1 
makes it much harder to drop ina 

i patercunat Mer on. It’s better to colour 

against a pale, fairly neutral hue - which 

: I've put on the lowest layer here. 


Creating highlights 
and shadows 
With the flat colours neatly organised 
underneath my line art, I can now start 
the process of adding highlights and 


to bring out the forms and shapes of the 
characters. This is a fairly simply process. 
For this I tend to use the Magic Wand 
to select the contents of a particular layer, 
then hide the Selection Marquee by 
unticking View>Show>Selection Edges. 
Choosing a suitable darker hue of the 
base colour, I begin adding shadows with 
a soft brush, usually at 30 per cent 
Opacity or less, blending the colours. 
I apply a similar technique when I add 
highlights, using a lighter hue. 


The little things 

For some particular effects, such as 
wrinkles in clothing or highlights in hair, 
I use the Smudge Tool. Using a small, soft 
brush at about 90 per cent Strength, 
I carefully drag out small details and 
smudge them into the shapes and effects 
I want. Reducing the Strength of the 
Smudge Tool enables you to create more 
subtle effects, but also makes it harder to 
control, so you might want to experiment 
and find a setting that gives you a decent 
trade-off between the two factors. 


: pinkish-red hair. Using 
| a hard brush set at 100 

| per cent Opacity, I 

| colour the line. This 

| part of the work can 

| be quite fiddly and 

' tedious, and requires 

» concentration. 

| However, compare this 


| some care) to other 
colouring methods you 
| might have tried, and 
"you can easily see how 

. itsoftens the line art 
and gives the characters 


Adding colour 
to the line art 


| With the colours all largely finished, it's 
| now time to use the alpha channel I made | 
_ earlier. With the line art layer highlighted, | 
shadows to the image, which really begins | 


I choose Select>Load Selection. Clicking 


_ ‘Alpha 1’ in the drop-down menu and 
' selecting Invert once more, I've now got 


that handy line art selection going. I hide 


| the Selection Marquee and start colouring 
| in the lines. Generally, I pick a darker 
_ version of the solid colour being 


surrounded by that particular area of line 
art. For example, I pick a dark mauve for 
the central figure’s 


effect (when done with 


a special glow. 


Colouring line art 


Starting on the 
background border 


- Well, our manga girls are largely finished, 
so now we have some lovely, detailed- 

| looking ladies sitting in front of a bland, 
flat blue expanse. It’s time to put in the 

_ border. I start by creating another layer 

' group specifically for the background. 

_ Then I draw ina rectangle using the Shape | 
Tool - this is just to give me a rough guide 
| to how the border is positioned. 


Ialso open up a file of another ink 


_ drawing I've scanned and converted to an 
_ alpha channel, leaving me with just the 

_ lines and no background. It’s a picture I’ve 
' scrawled of a skeleton and some flowers, 

| which I think will look great as part of my 


backdrop. The skeleton adds a little bit of 


| edginess and mystery, while the flowers 
are acommon motif in art nouveau-style 
_ borders. I copy the skeleton over to the 
_ image and find a position for it. 


| 


>> | 


Use layers 

Layers are your best 
friends in Photoshop. 

If you’re looking to 
experiment with unusual 
highlights or shading for 
a picture, or thinking 
about drawing 
something new in the 
foreground, layers mean 
that if your experiment 
doesn’t work out, you 
can just switch it off. 
When you’re unsure of 
doing anything, do it on 
a separate layer! Saving 
a little bit of file size by 
using just a few layers 
isn’t worth the agony of 
making a mistake you 
can’t erase. 
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_ ©) Finishing with flowers 
Keeping with the primary colour 


_ scheme, I import the drawings of the 


_ flowers. I make the circular rose pattern 

« behind the skeleton a pastel pink, but 

_ leave the other, intertwining rose vines 

| blue to avoid overpowering the 

| composition. Keeping to a pastel colour 

| range makes the foreground figures 

| stand out nicely. Since the colouring of 

_ the background is so simple, rather than 
_ flattening all the background line art 

_ down and creating a new alpha channel, 
_ Iuse Image>Adjustments>Hue/ 

| Saturation to colour the line art layers. 


Final touches 
j All that’s needed now are the 
_ finishing touches: a gradient for the 
_ background to add depth and some 
_ highlights on the foreground characters. 


When putting this kind of background together, the Shape Tools are your friend. __I create a new layer just under the 


| This style of background can look quite tedious, but it’s really just a matter of drawing _ foreground line art and use selections to 
| it with the tools. Here, I add a semicircle arch behind the skeleton, plus a circle that’s _ add a slight yellow haze to parts of the 
going to contain some more shapes. I put more of the borders in and shrink my original __ foreground picture - most notably in the 
| design’s border to something narrower and neater. _ characters’ hair. This gives the picture a 
little more warmth and depth. 
Defining the _ Finally, I've noticed that the 
| backg round _ background is overpowering the " 
_ With most of the ‘grunt work’ out of the foreground with its sheer length. If this 
| way, I can start assembling the lines with | was a manga cover image, which is where 
- the Shape tools by drawing shapes and | I’ve usually used this style of artwork in 
_ then using Edit>Stroketo _ the past, a title logo 
_ define them. I use the a would probably cut out 
_ Circular Selection tool to part of this problem. For 
put some oval shapes into this image, however, I \ 
| the background arch. _ decide to reposition the \ 
Once I've positioned them background by dragging \ 
in the way I want, I erase it down and moving the \ 
the unnecessary parts of skeleton up slightly. It’s , 
_ the line work. I define the easy when you lock X 
; borders surrounding the Se layers together. Now the 
_ background by adding some yellow composition has a better balance, and I've 
colour beneath them - the yellowisa _ gotan image that looks brilliant and : 
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» good 
» to suit your background, of course.) 


trast to the blue. (Change this bright in print, which stands out to the 
_ viewer as a result. » 4 
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We showcase the very best 
digital and traditional art sent in by our readers 


Inspirational advice from the biggest 
names in the fantasy and sci-fi art world 


MIXING ACTION aan 
AND EMOTION ame 


The latest digital art techniques and 
drawing skills revealed in easy-to-follow steps 


FREE DVD | 2D & 3D SKILLS | INDUSTRY NEWS 
TRADITIONAL ART | SOFTWARE REVIEWS 
VIDEO WORKSHOPS | AND LOTS, LOTS MORE... 


The ultimate magazine for digital artists 
Subscribe today! www.myfavouritemagazines.co.uk 


DIGITAL PAINTING * GAME ART « DRAWING SKILLS » COMICS & MANGA 


Beautiful female fantasy 
characters are a pleasure to 


A 


create and look at 
Cris de Lara, page 70) 


Your guide to 
fantantid manga 
The serialised nature of 
manga comics creates 
a superb opportunity 
for telling epic-length 
stories, where magic, 
creatures and soaring 
mountains meet the 
people whose lives are 
shaped by these forces. 
Start creating your own 
fantasy visions today. 


coerce 


Create visions of fantasy worlds 


Michael Chang Ting Yu creates 
a poster for a fantasy saga. 
Turn td page 64 


Use Japanese comic oan at styles 
to depict a fighting female 


3. Creare wn ok art with Michae 


; 
Evoke an Satis Pepe ee story though 
a montage-style cover or poster 


linasiné!. Presents Manga co 


Fantasy manga 


THE WAY OF 
‘THE WARRIOR 


\ 


By making use of manga references,Cri 


a Shows you 


_ how to fuse Japanese comic drawing with fantasy themes 


eautiful female fantasy 

- characters are a pleasure to 
create and look at. I want to 

create a pin-up, a beauty 
who resembles Frazetta’s or Vallejo’s 
women, but with a twist. I'll be using 
comic and manga references to create a 
young, strong and beautiful girl in a 
magical environment. I guess I could 
divide this tutorial into two simple 


( qT S Initial concepts 

x My initial concern is to create 
something that shows a young, strong 
female character - a woman with 
strength and a slight sensuality, located 
within a magical environment. So 

I decide to create a kind of female 
warrior with an attractive physical 
structure, using manga and comic 
references. I like the sensuality we find 
in comics’ female characters, as well as 
the energy from manga. I start drawing 
the watrior’s sketches on letter paper, 
then use the light table to improve it. 
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stages: first, the character concept, and 
secondly, the background design to 
accompany it. 

Dealing with the character concept 
first, I consider the character's 
anatomy - the sensual, sexy shape -— 
and her clothing. I want to emphasise 
things such as skin tones and muscles, 
concentrating on rendering, lighting 
and shadows. 


9 » Inking and scanning 


x After defining her physical 
structure, the next step is to create 

my character's costume. I search the 
internet and look in books for female 
watrior images to provide me with 
some ideas for the clothes. In the end, 
I decide on something to highlight her 
shape and indicate to the readers that 
she belongs to a fantasy world. I 
digitalise the image at 300dpi to make 


it bigger (11x17in) and printit. I return _ 
| to the light table to finish it and, later, 


| digitalise it again. The bigger, inked 

- image is the final result of my drawing 
_ process and will be the basis for my 

_ digital painting work. 


' For the background, I'm thinking 

- about something easy to draw, or that 
_ could be done with painting work. I’m 
| going to have a magical and intense 


i 
| 


light source, such as a dimensional 
gateway, using effects, lights and 
shadows, and a good colour palette. 
This choice helps to give valour to my 
character without drawing these 
elements in the scenario. 


| 3 : Adding colour 

= I work with Photoshop and 
Painter to colourise and paint. I think 
about how I want my final image to 
look — its colours, effects and elements. 
I choose the initial colours based on 
my reference, but I always change 
things while I’m working. I use flat 
colours and the Lasso Tool to select 
areas for my initial painting work and 
fill them via Edit>Fill (or Shift+F5) in 
a new layer above the layer with my 
drawing. This new layer is the base for 
all the painting work. 


Fantasy manga 


Shadows and lighting 

After creating the entire image 
with flat colours, I need to think about 
shadows and lighting, in the same way 
I thought about the character anatomy 
in the drawing processes. The scenario 
and background will be a very 
important element in this image: I’ve 
decided to put a very powerful light 
source behind the warrior to increase 
the magical environment I envisaged. 

I decide that the light should be 

white to get a better, brighter effect 
coming from deep in the background. 
Now I can start working on my warrior 
skin tone... 


Skin tone 

This is the start of my favourite 
part of colour work — creating the 
volumes, shades and lighting for the 


skin tone and muscles. To do this, I use | = 


the Lasso Tool to select all the areas of 
skin where I'll apply shades. j 
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Light muscles 

I\set up the Brush Tool to get a 
softer brush for the areas with lighter 
skin tones. I choose the lighter tone 
and paint the lighter areas of the 
muscles, using my softer brush, 
taking care to follow the direction of 
the strong light that comes from 
behind the character. 


Shadows 

I follow the same procedure to 
make the shadows on the muscles. 
Using a soft but wider brush with a 
darker tone, I stress the areas on the 
skin where I want to improve muscle 
volumes. I do this for all image areas 
where the skin is exposed. 


AY 


Bb 


oa 


PRO 

SECRETS 
Customised 
brushes 
After defining basic 
colours for skin tones, 
clothes and so on, | like 
to work with customised 
brushes (wide and soft) 
using lighter and darker 
tones than the usual 
basic ones to render the 
painting. | usually 


prepare customised 
brushes to paint and also 
work with the basic tools 
on the toolbars. 


Head tweaks 

While doing this, I realise that 
I'm not happy with the head's position, 
the way her hair falls and so on. 
I decide to change this before going on 
with the job. 

In a new layer, I redraw her face and 
put her head in a new position. I finish 
this off with softer, simpler brushes, 
using volume, lighting and shadows, 
retouching the area I changed by 
making some tiny adjustments. 


Painting a magical warrior 


Warrior clothes 

I like the idea of my warrior 
being dressed in fitted leather clothes. 

I think they're very attractive and 
would improve her sensual shape. In 
another layer over the scanned sketch, 
I select an area for the clothes and fill it 
with a grey, flat colour. After that, I use 
a wide, soft brush and start work on 
the volume, with a lighter tone than I 
used before. As I used lighter grey tones 
to define the volume, I use the darker 
grey tones to stress the darker areas of 
the clothes. 

I enjoy paying particular attention to 
how light falls on the clothes and 
where I can paint its shadows, playing 
with the soft brush and its opacity. To 
get a natural-looking kind of light and 
shadow, my brush was set to between 
50 per cent and 80 per cent Opacity. 


PRO 

SECRETS 
Brush _ 
distortion 
Using Painter, you can 
experiment with 
different brush types. | 
use the Hurricane brush’s 
Distortion mode to make 
things such as fog and 
clouds - which | 
imagined for a magical 
gateway here - without 
having to draw them. 
You can just paint them. 


Leather texture 

Next, I use a hard brush with 
small diameter to add some small dots 
of light points into the clothes. I want 
to achieve a smoother, brighter texture 
for her leather clothes - something 
that’s almost synthetic. 


Boundaries 
In my artwork, I sometimes 
do a thinner line around the main 


elements to highlight the boundaries. 
This is a matter of personal choice; 

I like this kind of ‘inking’ in artwork. 

I use another new layer over the 
current ones to make this line around 
my warrior’s clothes. I use the Pen Tool 
set to Paths to make a closed selection, 
then right-click the path and select 
Stoke Path: I use a width of four pixels 
and Opacity of 80 per cent. 


hia ? 
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Dimensional gateway 

After filling the background, I 
bring the image into Photoshop again 
to lighten areas in the centre and 
darken the borders with the help of the 


— = ee 
oY -~ A 
7 
. « 
ss Dodge and Burn Tools. For the centre 
I make a ‘white fog’, using a wide and 


~ soft brush to merge with the image. 
This is the dimensional gateway in a 
S magical atmosphere in which I'll locate 
my warrior. 
Background 
I use Photoshop to paint my 
background. I apply a flat base colour 
to the whole area. Then I randomly 
paint some dirty areas on it without 
worrying about the shapes, with a wide 
brush using lighter then darker tones. 
After getting a nice visual effect, 
I switch to Painter for the other effects. 
With the Brush Tool in Distortion 
mode (set Brush Variant to Hurricane), 
I paint several indistinct cloud shapes 
in the background. 


b et 


The result 

To finish my work, I put the 
wattior image into the background 
image, making a few simple 
adjustments in both layers to merge 
them in one final, finished image. ® 
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THE SCOUT 


Michael Chang Ting Yu explains how you can evoke an entire 
fantasy story though a montage-style cover or poster 


Michael Chang 
Ting Yu 


COUNTRY: Hong Kong 


Michael is the 
art director of 
Movanova, a 
studio that 
produces 
concept designs for 
videogames, animations 
and movies. 
WwwWwwW.movanova.com 


On the disc 
e Find screenshots in 
the Saga Of The 
Scout folder inside the 
Fantasy section 


here are many ways to express 
stories. One of the most 
interesting ways for me is 
visually, through comics. 
Before I start to read the first page of the 


comic, I usually take time to study the 


cover and try to get a feel for the story. 


| I think that a good cover helps to bring 


out the atmosphere of the story at first 


| sight - this applies not only for comics, 


but book covers, videogame cases and 


' movie posters as well. By using things 
such as environment, custom, expression, | 


composition and contrast, we give the 


| audience insight into the story being told. 


In this workshop, I would like to 
introduce to you some important factors 
Ihave learned about making a cover or 


| poster. Every story has a topic, and it’s 
| important to choose the right style to fit 
| the topic. For this piece, I chosea style 
| mixing western and eastern elements. 


First, I start with the composition of 


| the cover. The position of the characters 


shows their individual relationships and 
the importance of the characters in the 


story. However, a cover or poster usually 


needs to save some space for the title, 


' usually located at the top of the image. 
| This is an important point to keep in 


mind when you're considering the 


| composition of the piece. After I have 
| decided on the composition, I start 


adding background in order to build up 
the atmosphere of the story. Once that’s 


: done, I start to work out the details of 
: each character, such as costume, 
! expression and pose. 
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Sketch the outline 


After deciding on what you're going to paint, you should start with the outline. 
Different artists have different ways to paint; mine is to simply to do a rough sketch. By 
sketching only a main outline and showing a clear composition, I save time and won't 


limit any new ideas that come along while painting it. Of course, the more you do for 
the outline, the more it will help for colouring as well. 


>> 


Creating a poster 7 
7 
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Base colour 

: There are many characters with 
different styles and characteristics in this 
painting. I choose blue for the base 
colour: the story background will be a 
night battle, and blue will depict a unity 
and the serious atmosphere. Using 
Painter, I create multiple new layers for 
painting the base colour, under which 
you can still see the clear outline of the 
base layer. I use the Airbrush to create a 
soft and comfortable feeling. 


.Shadows and colour 


Painting the girl 


After the basic structure of the man 


comes out, it’s time to start painting the 
girl. In the same way I painted the man, 
Tadd a light skin colour to the girl, which 
should be the cold colour base, a little 
pink and a little blue. The Airbrush is the 
best for painting the girl to show the 
smoothness of her face. Remember, a 
female's facial structure shouldn't be too 
hard, or have too many edges - it should 
be round and smooth. 


# There are six characters in the painting, and I would like to paint each one of 
them individually. I'm using the Airbrush again to add skin colour to the man’s face, as 
well as the shadows on his nose, eyes and lips. I’m doing this to make his face more 
solid. I leave a blue light for the other side of his face, which is the base colour I chose. 
That helps maintain the unity of the whole image. The skin colour also shows a great 
contrast with the blue. Please bear in mind that the skin colour shouldn't be in high 
saturation, as that will make the portrait jump out too strongly. 
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\, Differentiating 
| between characters 
_ After the structure of the girl in the 
_ middle comes out, it’s time to start 
| _ painting the sub characters in the back, 
_ which are the girl on the left-hand side 
| and the sinister-looking guy on the right- 
_ hand side. 
_ Obviously, the main character is the 
girl in the middle; she should appear 
~ much sharper than the sub-characters. To 
_ separate them, I add sharper colours to 
- contrast the blue colour of the base. This 
_ will cause her to stand out from the 
- image's other characters. I also keep much 
_ more blue for the sub characters, so that 
| the viewer can immediately tell who the 
~ main character is. 


\ Facial expressions and characteristics 
=é Each character has his or her own characteristics and status in 
the story. I will start with the sub character on the bottom right-hand 
corner. Before I start, I need to make sure I have a clear idea about his 
characteristics, and how I should express it with colour and facial 


_ expressions. I decide that he'll be a malicious villain and make the 

_ light come from the top of his head, creating deep shadows on his face. 
This gives the character a look of malevolence. Add that to his sinister 

_ smile and we get a very unpleasant-looking villain. As for the colour, I 
will use green and blue tones. This makes him look more demonic. 


(©) Gestures and poses 

Gestures and poses are also very 
important elements to show the 
backgrounds and personalities of the 
characters. Since I only started out with 
a rough sketch, I can still make some 


changes to their gestures and poses before 


Tadd more details. At this point, in order 
to make them look more righteous, I 
change the angles of the main character's 
head and the man on the left-hand side. 
Also, I change the position of the main 
character's left arm to extenuate her body 
shape and to give her a more feminine, 
sexier feel. 


» Adding details 

’ After everything is set, I start to 
add more details to the painting, such as 
costumes, hair, eyebrows and eyelashes. 
For the female faces, I click into the Brush 
Creator of the Airbrush and change the 
minimum size to 0 per cent, so the spray 
pressure will be very high, but the stroke 
will be soft. This helps to create a dissolve 
effect when I put shading on the girl’s 
face. As for painting hair and eyes, I use 
Acrylics’ Captured Bristle, which is 
stronger compared to the Airbrush. It’s 
perfect for painting hair, since it shows 

a better stroke. 


\ 


| 
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), Costume 
Costumes are very important 


: in showing the background of the 

| characters, such as their class and 

| profession. The main character's 

| profession is that of a scout, but with 

__ stronger armour and a weapon. I want her 
| to be able to move fast but to have some 

' form of defence as well. I give hera | 
» normal-sized sword, which isn’t too weak | 
_ or too strong. 


Evil green eyes 
The green eyes of the villain at the 


- bottom right conveys not just the air of 
| mystery, but also gives him a more 

_ sinister feel. The green is also a very 

_ suitable colour for matching the 
background. The overall colour of this 


character conveys a cold mood, and the 


| pair of shiny green eyes really stands out 
| in the shadow. 


Creating a poster 


| @)\ Definition and colour 
adjustment 

It's almost 70 per cent done, so now's the 
- time to define and adjust the colours. At 

¥ this stage, I need to make sure the outline 
. of each character is very clear and the 

| colours are harmonised. Also, I have to 
make sure which direction the light is 

' coming from, and the importance of each 
_ character in this painting, so everything 

_ in the painting fits together comfortably. 

_ If it does, the atmosphere of the painting 

- will be right. 


‘ Background and portrait behind 
The portrait in the background is the most difficult part to 

paint: although he’s at the back, he has an important role to play. The 
outline of this character is attached to the basic outline of the whole 
painting, so the portrait should be in the same colour tone as the 
background. Again, there is light that comes from the right side of his 
face to make him look more solid and stand out a bit more. After the 
basic structure is done, I start doing the background, which is a hill 
with a full eclipse of the sun above. This landscape is used to show the 


background of the story and to balance the whole painting. 
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, Review 
“Sp The painting is now 90 per cent done. I have added all of the 
details such as hair, skin and costume to the characters, and the 
shading of the landscape. It's time to review the painting and make 
sure everything is well defined. Sometimes you'll find some mistakes 
after a load of work, so it's very important to stop and review the 
painting. This time I find that there’s a bit too much empty space on 
the right side and the painting as a whole has a bit too much blue. 


Color Balance 


Color Balance é ox ) 


Color Levels: -7 c : 

ance’ 

Cyan = Red 

o review 
Magenta Green 


Yellow - Bue 

Tone Balance 

Shadows fo) Midtones Highlights 
SF Preserve Luminas:ty 
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<> Colour re-adjustment 

¢ As I mentioned before, the colour tone is a bit too blue. In order to correct this, 
I bring the image into Photoshop. In order to counteract the effects of the blue, I add 
a contrasting yellow tone to the outside of the picture. 


| £W\ Things to add _€=, Texture 

| . After looking at an overview of the ‘SE Nowit's time to add the texture to the picture. First, with the armour, I find 

_ painting, I decide to add a soldier about to photos of various metals on the internet as reference , especially those that are rusty or 
| draw his sword to fill up the empty space | appear worn. Then, to create texture, I make several new transparent layers, slowly 
on the left-hand side. This also helps to | removing the unwanted parts, a bit at a time. 

build up the atmosphere with a feeling of 
war and excitement. 


ef-\ Finishing 
/ the image 
Lastly, add some stars with the 
Airbrush. I notice that the pink 
stars that seemingly rise from 
the main character to the 
eclipsed sun serve two 
purposes. First, the colours help 
to emphasise the main 
character and truly bring her to 
the forefront. Secondly, it serves 
as a connection between the 
main character and the 
eclipsed sun above her. 


eS Detail of 

“es the soldier 
Tuse the Acrylics’ Captured 
Bristle to create the texture 
of the soldier’s armour. In 
orderto makethe armour | 
appear battle-worn — he | 
has been in many battles - 
rust and battle damage are 
necessary, so I make sure 

the strokes I use give this 
appearance effectively. 


\ 
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Your guide to 
future manga 
Manga has a rich 
heritage in imagining 
the future, with a shared 
vision around concepts 
like human/machine 
interaction and the 
growth of mega-cities. 
Tap into the images of 


SGi=il manga to create Keith Thompson conceives a 
f robot from a war-torn future. 
gf J your own version of the Turn to page 82] 
world to come... 


Workshops 


mee Your artwork is a mosaic ; 
Paint a manga-styled future 


“Ol of the knowledge you 


7 ieee 82 Robot concept art 
[oe possess, put together to . with Keith Thompson 
create something original 99 SAB Design a manga-inspired robot, 
a y from thumbnail to Photoshop 
Saejin Oh, 


86 Create a mech pilot 
> with Saejin Oh 
‘i ~~ Rocket into the future as you paint 
™, avision of a mechanoid controller 


Presents Manga so 


Sci-fi manga 


Ye loiho 


AFTER THE 
FINAL BATTLE 


Keith Thompson runs you through the process of creating 
a robot concept design, from sketches to final touches... 


or this workshop, I'm going 
to guide you through creating 
a manga-inspired robot 
concept, from a traditional 
artistic process involving pencil on paper 
through to the digital process using 
Photoshop. Note that the specific artistic 
techniques used in the following would 
simply be one way to come to something 
closely resembling the finished result. 
This is just the best way for me. 
The initial step in any concept design 
is often nebulous and regrettably hard to 
detail: it's an idiosyncratic process often 


Thumbnail sketch 

This is the culmination of the 
imaginative development of the robot. 
The major elements of the design are first 
and foremost defined by the setting of the 
robot. In this case, it exists in a post- 
cataclysmic scenario. Conceptually, this 
will actually encompass the relics of a 
technologically developed near-future, 
and plunge these themes into a shattered, 
primitivist world. 

A broad, tank-like body is the central 
approach to the robot's silhouette and 
initial impression. This is padded even 
further with contrasting additions, which 
merge the technologies of two widely 
varying situations in one concept. The 
robot will be loaded down with 
scavenged junk, with parts of its plating 
buckling and additions haphazardly tied 
and taped on. A quick secondary 
thumbnail sketch explored making the 
robot slightly more agile, but this lost the 
desired feel and went unfinished. » 
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» unique to the artist. There are two 


common approaches to the conceptual 
realisation of your design, and these are 
applicable to cases where you have a 
detailed brief or a completely open slate 
to work with. 

One is the on-paper shotgun effect, 
where you put down a rapid series of 
thumbnail sketches — often just simple 
silhouettes - and begin to home in on 
areas that catch your eye. Another 
approach is to obsessively roll detailed 
images around in your mind's eye for a 
period of dedicated time before laying 


| down a single, definite thumbnail sketch 


_ to ensure that the visual imagery is 


working. The latter technique is how this 
particular design will be created. 

For this robot concept, a concrete time 
and setting has been decided upon. It’s 
going to be set in a relatively near future, 
in a post-nuclear war Europe. Despite the 
lack of background or additional 
elements, this environmental concern 


will run as an undercurrent through the 
' appearance of the robot. The robot itself 


should match its setting with a bleak, 
worn and muddied impression. 


PROFILE 
Keith 


Thompson 
COUNTRY: Canada 


yyee"/7, Keith is 
a freelance 
artist who 
specialises in 
concept art 
for books, movies, video 
games and role-playing 
games. He’s written 
several books teaching 
the creation of concept 
art. His work’s been 
featured in the Spectrum 
art annuals and has been 
displayed at the Museum 
of American Illustration. 
keiththompsonart.com 


On the disc 
Find workshop files 
and screenshots in 
the Final Battle folder in 
the Sci-fi section. 


—— 
Creating a robot concept 


> —_—— 


Sci-fi manga 


VShorleuls 
Flip between 
Dodge and Burn 
Alt/Option 
‘,, Hold down the Alt/Option 
\\ key when using Dodge or 


\. Burn to switch back 
<< and forth. y 


Scan the line work 
Now I'm going to scan the pencil 


Sketched layout 

This is the line work for the full- 
size design, and it'll be carried forward 
to the finished artwork from here. This 
closely mimics the thumbnail: It’s 
possible for you to actually blow up your 
thumbnail, transferring it to paper to 
work over, or tracing it on a light table. 


_ done digitally. It’s important that the 
"pencil work meets your standards at this 

_ stage because it won't really be possible to 
_ directly modify this line work without 

| returning to the drawing, rescanning it 
This can preserve the proportion and | and transplanting it into the digital stage. 
gesture of the original sketch, but can also | It becomes a whole job of its own. 
prevent you from introducing more visual _ It’s a good idea to scan ata resolution 
sophistication in the larger depiction. higher than you plan working on. Clean 
Occasionally, when switching to full size up this scanned image and then convert 
you may become aware of possible » it down to the working resolution. 
modifications or improvements: it’s Depending on the 
important not to become bogged downin | type of medium and 
blindly carrying forward specifications paper, itmay be = 
without giving these some thought. advantageous to scan 


in colour and take 
Points of interest i advantage of the 
New points of visual interest can be ambient hue variety. 


incorporated into the design at every step 


line work in, as the rest of my work will be 


Back it up! 

As you work, it can be 

a good idea to stagger 
your progress through 

a series of files. For 
example: robotO1.psd, 
robot0O2.psd, and so on. 
This enables you to keep 
a progressive backup in 
case of a saved mistake 
or corrupted file, and 
also enables you to go 
back and grab parts of 
the artwork that may 
now be flattened. Ensure 
you keep track of the 
newest file so you do not 
return to the task and 
accidentally redo work 
already completed in 


another file. 


along the way, which helps create a rich 
layering of depth. Certain elements that 
I've added, including the large socketson 
the breastplate section, will be worked out 
in detail later - at the moment, they look 
a little bit like eyes. 

By this stage, the major design 
elements of the robot are solidified, with 
only minor details to be added during 
further rendering. The real impression 
of the finished design should be fully 
apparent at this stage, and any areas that 
fail to please you need to be fixed before 
you move on from here. 
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Greyscale value 

; I do a mask of the character (in 

_ the case of an artwork depicting a scene, 

| every major element may have its own 
mask) made with a layer and a colour fill, 
| which I then set to an Opacity of 0 per 
"cent. You can return to this mask by using 
_ the Magic Wand on the layer, and any 

- modifications can quickly be made by 
erasing or adding to the colour fill. 
Shadows are loosely laid in with an 
Airbrush. I use a white fill set to Multiply 
on a new layer above, with the Burn Tool 
_ set to Highlight. Remember to keep the 

_ shading basic and consistent — it should 

_ not appear perfectly shaded at this stage, 

_ because this process is more intended to 

_ designate areas of shadow. 


Canvas ground 
| Now I lay an undercoat or base 
| texture over the shaded line work. The 
~ hue of this base will affect the unity of the 
_ finished piece, so | opt for a warm earth 
- tone. This specific texture is a composite 
- of several layers of cracked leather and 
' paper. I like to compose my own 
| individual textures and build them up 
| with use. Your choice of textures will help 
give a uniqueness to every piece of 
artwork you create. 


Highlight value 


I flatten all the layers togetherand - 


pass over the entire work with the Dodge 
Tool set to Midtones (in the top toolbar). 
Some slight fixes using the Burn Tool, 


also set to Midtones, are worked in during | 


the process. This stage is as much about 
drawing as painting, with highlights 
being applied in a line to support the 
existing black line work. An obvious 
variation of hue is starting to develop and 
will affect the colour glazes that follow. If 


you want, you could work up to this point — 


completely in greyscale, then use the 
Colour Balance menu to warm that with 
red and yellow in the shadows before 
proceeding to the glazing stage. 


Initial glaze coat 

I create a folder in the Layer palette 
set to Soft Light, with individual layers 
within it acting as colour glazes over the 
shaded drawing below. Each main hue 
has its own named layer and each coat is a 


flat glaze of colour, with the only variance ~ 
being slight adjustments to the individual - 
| mud, rust and mould on the robot. I’m 
| sure to take care on their build-up, so that 
| acomplex, multi-layered coat is created, 


layer’s Opacity setting. Remember that 
using this technique will actually change 
the value of the greyscale underpainting, 


potentially throwing the composition and | 
' itlies upon. 


visual hierarchy out of whack. 


Creating a robot concept 


Final glaze coat 
Next I create a secondary set 


| of glazing layers that compound an 

| additional colour to the previous glazes, 
| adding a warmer hue in a highlighted 
space, or a cooler hue in the shadows. 


Additionally, I create a series of layers 


introduce a series of scans of splattered 
paint specifically created to simulate the 


which conforms to the curving surfaces 


- outside of the Soft Light folder. These new | 
_ layers are set to Multiply and are used to 


Elaboration 

i The entire work is flattened again, 

' and additional passes with the Burn and 

' Dodge Tools deepen shadows and bring 
out focal points. 

| An old piece of paper is prepared and 

scanned as a backdrop and worked in 

| behind the artwork. Take care that this 

_ backdrop supports the artwork without 

_ dominating it or clashing with it. 

__ Whatever method you use in the 

! conceptual stage of your project, be it 

| anumber of sketches or one focused 

| design, make sure you get it up to scratch 

| before going digital. It'll make your 

| subsequent work much easier. 
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Sci-fi manga 


Yotosho /, 


MECHA’S HEART 


Saejin Oh explains how he created this stunning 
image, from concept sketch to the final rendering 


Saejin Oh 


COUNTRY: Canada 


ry Saejinisa 
freelance 
illustrator 
who loves 


— creating 
concept art and 
character designs. 
saejinoh.blogspot.com 


On the disc 
Find screenshots 
and the final image 
in the Mecha’s Heart 
folder inside Sci-fi 


hen you paint science fiction, 
you don't create something 
out of nothing. Instead, 
your imagination creates 


» something new based on what you 

- already know. Ina sense, your artwork is 
» a mosaic of the knowledge you possess, 

| put together in a certain order to create 

| something vibrantly original. All that 
might sound daunting, but there’s 


Start with a thumbnail 


Every painting I do starts with 
a thumbnail, outlining the goal for the 
finished piece. You don’t need to put a lot 
of detail in your thumbnail: just try to 
clarify in your own mind what you're 
striving to achieve with the image. 

At this stage, it’s important to keep it 
simple and display your idea clearly. 
Remember, your sketch doesn’t have to 
be structurally or anatomically sound - 
those errors can be mended as you 
develop your painting. All you're doing is 
getting down the design elements and 
creating a basic colour reference. 


Create a rough 
end goal 

Now that you have a 
subject and a thumbnail 
to develop your painting 
with, try going a bit deeper 
into the elements of the 
sketch. Add new ideas and 
remove old ones that don’t 
work as you originally 
envisioned them. Modify 
clunky ideas as you go. At 
this stage, I feel that the 
mech design isn’t working 
because I'm having trouble 
grasping the concept as 
whole. Fortunately for me 
there is a simple solution 
to this problem... >» 
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! nothing to worry about. I don’t know any 
' more than you do - it’s how you use your 
| ideas that counts. Painting sci-fi enables 

! you to unleash your creativity, bringing to 
| life anything from weird aliens to hulking 
| robots. The flipside of this is you need to 

| know how to paint different materials 

| and create futuristic designs. 

| Before getting started, I like to have a 


| itas a tree — you can always branch out 

- with your ideas, but you'll need a trunk 

_ for those branches to stem from. You can 

| develop ideas and finishing touches as 

| you draw, but you'll need a solid direction 
for your ideas to grow into. 


For this workshop, I chose the subject 


_ ofa female mech pilot in a bright, 
i _ colourful suit. So, let’s see where our 
| clear idea of what I want to draw. Think of | 


imagination and that topic takes us. 


| 2 


~ 
Up iy 
(/p 


Sci-fi manga 


Expand the view 

If the object you're drawing is 
larger than the entire canvas, you may 
have trouble understanding the structure 
of the object as a whole. I’m sure that this 
is a problem every artist experiences 
occasionally in their work. To combat it, 
and to restore your sense of perspective, 
just increase the size of the canvas until 
the entire object fits. You can always crop 
out stuff you don’t need later. 

Because of the canvas increase, my file 
size is pushing the limits, but that’s fine 
for now. I quickly draw in limbs for my 
mech. It looks rather awkward, and will 
need adjusting as the image develops. 


, Add dimension 

Since I drew the whole mech 
without any perspective guidelines, there 
are bound to be errors. To find them, 
I quickly draw a two-point perspective on 
a foreground Multiply layer, erasing any 
lines that cross over the mech. With this 
indication of space, I have to choose 
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Develop the idea 
The skinny limbs aren't working 


_ well for the size of mech I’m drawing. 


I decide to buff the mech up and change 


| one of the guns into a hand with an | 
| opposable thumb, adding variation to the 
design. I drew inspiration for the mech 
| from modern tanks, as well as sci-fi 
games and movies. As a result, the design 
- of the mech is sharp, angular and boxy. 

' Most of the exoskeleton is well protected, 
| as are the internal wires, hydraulics and 
gears. I have other design ideas popping 

| up, but I'll hold on to those for now. Since | 


I have the basic structure, it’s now time to 
connect the girl and mech together. 


where it will be in the composition. This 


| means selecting a background. 


As I drew the pilot with the hatch open, 


_ I can’t really have her on a battlefield. 


_ After some internal debate I settle on a 


| garage, to complement the mech’s passive 


stance. I also sketch an oil heater on the 
_ wall, blending the elements together. 


Creating a mech and pilot 


Add colour 


This stage could have come much 
later, but I want to get a feel for the 
contrast of the pilot and mech. To colour 
the pilot I create an Overlay layer anda 
Multiply layer. I find the Overlay layer is 
great for assigning colours to greyscale 
paintings. You could use a Colour layer 
instead, but I think that tends to look 


PRO 
SECRETS 
Save often 


If you’re in the habit of 
working to the end of 


dull unless you use an Overlay layer on failure. Having multiple 
top Ofit=so why bother? save files helps to reduce 
that risk. If you can get 
After the pilot is coloured, I expand your hands on some 
the canvas to the right to give more room extra hardware, make 
for the mech’s left arm and shoulder SUE YEUISE AUD Alera 
d drive where you can save 
armour. I also correct some minor acopy ofall yourworke lt 
perspective errors as I go along. While might seem excessive, 


but it may save your 


doing this, I add rough indications of 
a few new ideas I've had for the mech, 
like belt-feed bullets, new gun designs 
and cockpit lights. 


neck someday. 


Fix perspective lines 
I'm not particularly organised when I work, so I often end up 
going back to correct perspective after my initial rush of ideas. If you 
"can avoid getting caught up in your sketch stage then I'd suggest 
_ drawing with correct perspective from the outset — it saves plenty of 
redrawing time later. As I correct, I think about improving my mech 
' design, adding some weaponry and moving elements after my tweaks. 


Add a rough background 

I've already decided that the mech will be in a garage or repair 
shop, so I do a quick internet search to get some real-life reference. 
From the reference, I draw in a red toolbox and fuel pumps. I also add 
some people to create a sense of perspective, but end up removing 
them later because they clutter the image. During this process I get a 
few more ideas, mostly for the mech’s navigation mechanism. If you 
look at the top side of the hatch, there’s no obvious peek hole for our 
pilot to look through, indicating this mech is a fully digital machine 
that gives the pilot a monitor-feed of what's going on outside. To allow 
for that, I add sensor spheres on both sides of the mech’s shoulder, 
using UAV and military helicopters as my reference. I also draw a few 
exposed wires in the interior to echo modern-day fighter cockpits. > 
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Sci-fi manga 


Altering the character 
After I've brightened the colours, 
I still feel something isn’t quite right. I try 
to convince myself that it might be 
because all the details aren't in yet, but 
I know this isn't a simple detail problem: 
there’s no quick fix. I think that the 
overall direction of this character design 
needs to take a slightly different path... 
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Developing the 
character 
_ With all the elements starting to develop, 
| [turn to the painting's central focus - the 
| character. Because she'll be getting most 
| of the attention, she really needs to shine. 
| Her immediate surroundings should be 
interesting as well, drawing the viewer's 
eyes to her. The lighting and the colour in 
these areas are too 
| dull at the 
| moment, so 
they’re the 
first things ; 
: I'll focus on. ~Ema/Ctri#Z only performs — 4 
—asingle undo, but this —— 
~ shortcut enables Your? — : 
~ undo until your cache _ ( 


is empty. 


Deglossing and 
fixing posture 
- [reduce the overall glow by taking a 
_ brush and cutting out the areas that are 
' over-glossy. | already have all the layers 
| flattened, so using the Eraser isn’t really 
| an option. To work around this, I pick the 
| colour nearest to the gloss reflections and 

tone down each part individually. 

Her posture is another issue. She was 

_ off to the side in the last step, so I use the 
_ Lasso to cut around her silhouette, Copy 
- and Paste it, then slide her over to the left. 
n her new position, I completely redraw 
her right leg and make both her arms an 
qual length. 

Next, I work on the colour of the suit, 
ainting it a mixture of orange, red and 
_ painting. Taking a break to refresh your eyes and your brain can really ink on an Overlay layer. Finally, I add 
help to identify these discordant elements. Sadly, even with the gloss, ___a data cable, placed behind her back, to 
| it’s still not right. She’s now too glossy and her posture is awkward. : complement the design. 


| Glossing over it 
Eureka! It was the gloss - I've been painting a latex suit without 


a gloss. It’s easy to forget the simplest facts when you're hours into a 


Creating a mech and pilot 


Head adjustments 
The character is almost done, but not quite. I suddenly realise that her head is 


too big. Every time I zoom out, her head sticks out like a bobble on top of a car antenna. 


I might be being a perfectionist, but in my eyes it needs to be fixed. 
I use the Lasso Tool to select the head, then resize and slide it around using Free 
Transform. Her hair gives me some trouble because I didn't select the bottom part of it 


when I moved her head. I lasso each section of hair separately, resize them and try to fit 


them as closely as possible to the existing parts of the image. Any colour/texture 
differences between the sections are painted over with a brush. 


Developing the 
background 
I got the rough background ready in 
step 8, but now it’s time to take it further. 
Be careful not to cram too much in and 
distract the viewer, but avoid a barren 
look in your backgrounds as well. Cracks 
in the wall, pin-up posters, whiteboards 
and calendars are all characterful hints 
about the kind of people who work here. 
After all of the details are done, I 
darken or brighten them as needed. I 
darkened most of my details (except for 
the outdoor scenery through the window) 
to highlight the mech and create a good 
contrast. Remember: the subject you're 
drawing must be easy to see, or you'll lose 
your good work in visual clutter. 


PRO 
SECRETS 


Finalising details 

I've achieved pretty much all of my goals at this point. All that 
remains is to add a few more details. I try a test patch of camo on the 
mech to see if it will work and redo the tricky roof of the garage to 
accommodate a more simplistic approach. 

When finalising your painting, it helps to quarantine sections off 

mentally as you finish them. This kind of thinking enables you to 
estimate accurately when your painting will be complete. 


SITET 
ears 
"Shoo 


~y. 


, Finishing touches 
To finish up, a holo-interface, camo and a few other details are 
added to make the mech even more interesting. When you feel that 
your painting is done, save and close the file. Return a few hours later, 
open the file again and thoroughly examine your painting for any 
errors. You'll always find something you'll want to go back and fix. 
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Discover how to tell 
a story on a page 


Your guide to | 
comic storytelling 
Despite this issue’s focus 


: : | NOW IF sae 
on manga-inspired | ont fal | 


A 
P illustration, manga, of | FOLLOW THE | 
: | DIRECTIONS 
course, is the Japanese | TOTHAT | 


word for comic books. 
Creating comics in the 
style of manga demands 
a simple drawing style, 


‘ but knowledge about Joanna Zhou creates comics 
‘\ h ti t in the pure manga style. 
ow to convey a story Turn tolpage 34 


in panels is universal. 


Workshops 


Your character can tell a story 


94 Draw a manga comic 
with Joanna Zhou 

Learn the basics of page composition 

and enhance imagery and layout 


@@ All the flashy 


artwork in the world create a comic for print 

e yf e e : © 7. 

Isnt going to pe if __ _ Find out how to make a comic, from 
J start to print-ready finish 
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Comic panels 


AN ELF GIRL IN 
LONDON TOWN 


Vholoshop 


Learn the basics of page composition and use digital techniques 
to enhance imagery, text and layout, with Joanna Zhou 


~~eaey syRIEG 


NOW IF 
ONLY I CAN 
FOLLOW THE 
DIRECTIONS 
TO THAT 
SHOP... 


Joanna Zhou 
COUNTRY: UK 


Joanna is 

a freelance 
illustrator 
and graphic 
designer. She 


~ has 10 years’ experience 


drawing manga with 
professional exposure in 
the UK, USA, Austria and 
Germany. She is also a 
member of the well- 
known UK manga group 
Sweatdrop Studios. 
www.chocolatepixels.com 


On the disc 


Find workshop files 
and screenshots in 


the Elf Girl In London 


folder inside Comics 


he increasing use of digital 
equipment and graphics 
software has enabled 
manga artists to cut corners 


_ on time and money. Traditionally, 

| manga comic pages are drawn on A3 

| paper (297x420mm), which requires 

| acorrespondingly huge amount of 

_ inkand screentone. Paper size is a 

_ frequently underestimated factor when 
' determining how professional the final 
| manga will look. Mangas drawn ona 

| smaller scale may suffer from scruffy 

| line art, and lack detail. 


This workshop uses Photoshop to 


_ create the illusion of a large scene 

_ while keeping the page size to a 

_ manageable A4 (210x297mm). It also 
_ shows you how to make full use of 

| layers to arrange screentone, text, 

| speech bubbles and sound effects. 

| Being able to edit these elements 

| individually gives you a degree of 

_ flexibility that can boost the final 

_ layout and narrative. 


An important issue to consider with 


manga creation is that pages should 
' not look like they have been digitally 


put together. Software is there to 


* enhance the visual appeal of the final 


page, but not to intrude on its content. 
Bad examples of digital editing would 
include using a symbol hose, light 
flare effects, perfectly smooth 
gradients without halftone and too 
many perfectly rounded, thickly 
stroked speech bubbles. 

Stylistic conventions such as 
panelling and speech bubbles 
differ a lot from artist to artist. The 
best way to find a style that suits 

you is to examine the visual 
language of your favourite manga. 

Deconstruct the pages to see how 

the artist uses panels, camera 

angles, text and narrative speed. 
Before you begin drawing, it's 
vital to create a detailed script 
and thumbnail sketches, and 
to decide on your exact final 
page measurements. 


Prep work 

Consider your page 
measurements carefully (safe, bleed, 
crop etc). The page size you draw on 
should be as large as possible to ensure 
maximum detail. You can multiply the 
height and width of the final print size 
(roughly A5, but it varies depending on 
publisher) by a fixed number (such as 
1.5). This will give you a proportional 
yet larger area to work on. 


In this example, I draw everything to | 


an A4 size, scalable to a smaller 
15x22cm. For the opening panorama, 
I enlarge the panel proportionally (on 
a separate piece of paper) to create a 
more detailed scene. 


Speech flow 

Another thing to bear in mind 
when laying out a page is the panel 
flow. Make sure the reader will see the 
panels and speech bubbles in the right 
order. Since this is the opening of my 
manga, I want to introduce the context 
and characters. Text (or an opening 
narrative) is useful for setting the 
geographical and historical location. 
Unless the storyline dictates otherwise, 
every new character should be 
presented in a full-body shot, as the 
focal point of the page. This enables 
you to communicate the important 
elements of their personality through 
clothing, expression, body language 
and speech. 


PRO 

SECRETS 
Magic Wand 
and Tone filter 
As Computones works 
using selections, it can 
be frustrating when you 
want to tone an ‘open 
area’ that’s not fully 
enclosed in black. So 
here’s an advanced 
toning technique. Create 
a copy of your page 
using Duplicate Layer, 
then use a thin black 
brush to outline in the 
areas you want toned. 
Grab these areas with 
the Magic Wand and 
apply the tone ona new 
layer. The shadows on 
the jacket, hair and scarf 
were done this way. 
Finally, just discard the 
duplicate layer. 


Wrong layer, 


Drawing a manga comic page 
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Contrast 
After inking and scanning, 
| I adjust Levels in Photoshop to help the | 
| contrast. Now I can copy and pastemy 
| city scene into the original page. I 
reduce the opacity so I can see both 
layers and use Transform to scale the 
image to the size of the panel. (Holding 
down Shift keeps the proportions the 
same as you scale.) When the outlines 
are in place, I reduce the page to the 

| print size before toning: scaling down 

a page after toning may resultin moiré 
patterns, where screentone forms 
unsightly checkers, grids or swirls. 


Tones 
I use the screentone plug-in 
Computones. It’s a good-value toning 


ONLY I CAN 
FOLLOW THE 
DIRECTIONS 

TO THAT 
SHOP... 
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program for beginners, offering a wide 
range of patterns. It’s included with any 
book from the How to Draw Manga: 
Computones series and works only 
with Windows. 

Keep tone (and adjacent areas of 
tone) on different layers to enable 


_ easy editing. I select an area from the 


Background layer with the Magic 
Wand, add a layer and apply the plug- 
in. Alternatively, I can choose an area 
with the Polygonal Lasso, tone it and 
use the Eraser on any excess. 


Speech fonts 

The speech bubbles are inserted 
separately so they can be resized to fit 
the text. You could draw the bubbles 
straight onto the page, but you may end 
up having a bubble that's too small for 
the text, or vice versa. I don't like using 
the Ellipse Tool to create bubbles: they 
appear too perfect and clash with the 
hand-drawn feel of manga. 

When adding text, try something 
other than Comic Sans -www.dafont 
.com and www.blambot.com are great 
for free, comicstyle fonts. 


Resolution 

As a finishing touch, I resize the 
speech bubbles to frame the text. The 
final format should be a 300 or 600dpi 
bitmapped TIFF - but make sure you 


| keep a copy of your PSD file. 


A common error is to save manga 


| files in Grayscale mode, which is not 


the same as Bitmap. Bitmap only 
supports 100% black and 100% white, 
which produces a much crisper image 
when printed. Stylistically, manga is 
designed for Bitmap, because the 
whole purpose of screentone is to 
create shades of grey using black and 
white dots only. ® 


Jamie 


McKelvie 
COUNTRY: UK 


Jamie is a 
comic book 
artist best 
known for his 
work on 


Suburban Glamour and 
Phonogram, although 
he’s also freelanced for 
Marvel, DC and other 
major publishers. 
www.jamiemckelvie.com 
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Making a print-ready comic 


Jamie’s mini-series 
Suburban Glamour 
centres around a 
group of teenagers 
living ordinary lives in 
a small suburban 
town - until one of 
them starts having 
fantastical dreams. 
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Find out how to make a western comic the Jamie McKelvie 
way, from start to print-ready finish, including first-hand 
to avoid along the way 


advice on the traps 


n this workshop, I’m going to 
walk you through my process 
for creating a page of my 

comic, Suburban Glamour. 

We'll start with the script and end on the 

finished digital file, ready for printing. 

There are key differences between 
creating artwork for print and making art 
intended for the monitor: what looks 
good on screen can often print horribly. 

While everyone has their own methods 

for creating comic book artwork, there are 


Read the script 
Before a single page is 
drawn, I read the entire script. 
Objects, locations and 
characters that seem minor 
in early scenes may become 
important later, so you need 
to plan ahead and design your 
comic book accordingly. 
In this example, our heroine, 
Astrid, is attempting to escape 
from a monster that has 


some basic rules you have to follow to get | 
_ the best out of your work. Throughout the | 
' workshop I'll make it clear what these are, 
' and the reasons behind them. | 
| The chief principle you have to consider | 

when creating comic book art is that the 


art is there to service the story. All the 


_ flashy, dramatic artwork in the world isn't | 
' going to help if the reader can’t tell what's 


happening from panel to panel. 
Confusing artwork can kill a comic 
book story stone dead, even if it looks 


followed her into her bedroom. On the 
previous page, just as the monster was 
about to pounce, it was distracted by 
Eblis, Astrid’s imaginary friend. 


Layouts 
The first thing I do is the layout. 


_ This basically means looking at the 


number of panels as written in the script 


: and planning how they’II sit on the page. 


There are numerous things to consider 
when doing this: the flow of the story, the 


nice on the surface. Many artists trying to 
break into the industry fall down on this 
point, so if you want to bea step ahead of 
| the competition, keep this in mind at all 
times. It's what editors and writers look 
| forin an artist. 

If you can convincingly draw action 
from the mundane (walking down the 


| street) to the exciting (fighting a dragon 

| ontop ofa mountain) in a consistent and 
logical manner, you stand a good chance 
- of succeeding as a comic book artist. 


| overall design of the page and so on. 


Important moments often deserve a 


| larger panel. In this case, it’s clear that 
| panel four is the focus of the page and 
| so deserves the largest space. 


Many artists include rough figurework 


- on their layouts, to get a better feel of the 
- overall page and see how it works. Even 

' though I don't always do this, I would 
recommend it. If you can see mistakes in 
| the storytelling early on, it can save you 


a lot of hassle further down the line. >» 
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Comic panels 


% 


CS Ruling out 
7 the page 

My comic book artwork is drawn 
on Bristol board at 150 per cent of 
the final comic book page size. 

I get the board directly from my 
publisher, with handy guidelines 
already printed in light blue ink. 
You can buy similar board online. 
Using a set square and the ruler on 
the drawing board, I measure out 
the panels on the page. 
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Flatting tools 
The BPelt plug-in system 
can be found at www. 
bpelt.com/psplugins/ 
flatting.html. It comes in 
two parts: the MultiFill 
filter and the Flatten 
filter. MultiFill fills every 
area of white on the 
page with a different 
colour. In practice, it’s 
less distracting and just 
as quick to fill the areas 
with the colours you 
want, but the Flatten 
part of the plug-in will 
save you hours of work. 


For action scenes, use photos = 


as an aid, but don’t trace 
them: this will make your 


drawings look too static. ; 


The SketchUp model 
Making a 3D model of the 


- environment where the story takes place 

_ has several benefits: using a model for 

_ reference helps keep locations consistent, 
- and so more believable; moving around 

| the 3D object enables you to consider and 
| plan your angles; and it also enables you 
"to produce solid work with greater speed. 
' Incomics, you'll often be required to 

_ draw a page or more a day, and any tool 

- that helps this along is of value. 


In this case, I have a rough model of 


- Astrid’s bedroom already designed in 

| SketchUp. As you can see, it’s quite basic, 
_ which is all you need when deciding on 

| viewpoint angles and so on. 


When using a SketchUp model, I have 
two options: having the model onscreen 
next to me when drawing, 


_ blending mode to Screen before making 
_ the image visible again. Next, I flip the 


Making a print-ready comic 


- to get an idea of where the lines should go 


on the page; or exporting a 2D image of 
the model that I can transfer directly to 
the page. Here, I decide to have the model 
onscreen when drawing the background 


Graphic. I then open this in Photoshop, 
and resize and crop it as needed. 

To transfer it to the page, you have 
several options — printing directly to the 
board, lightboxing or the method I use: 
first, I create a new layer over my 2D 
graphic and fill this with a light blue 
colour. In the Layers palette, I hide the 
image layer and change the fill layer's 


image horizontally. Printing the resulting 
image on an inkjet printer gives 
mea printout I can rub onto the 
artboard using a soft pencil. 


Photo reference 
The key to photo reference - 
is not to become a slave to it. Use : 
the reference as an aid, but don't 
trace it or you'll end up witha 
static, lifeless page. You'll also 
run the risk of just mimicking 
the image without getting a 
grasp on the fundamentals of 
anatomy, movement and 
perspective. 

I use myself as the reference 
for all the characters, which 
forces me to consider the 
underlying anatomy as I adapt 
the photograph to fit the 

necessary characters. 
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Basic figures 
With the reference on the screen 


' next to me, I pencil the basic figurework 


on the page, starting with a skeleton then 


_ building up the rest of the figure. I use a 
of the small panels, but for the large panel | 
| Ichoose to export a 2D image. You can 

| do this in SketchUp via File>Export>2D 


blue lead pencil for this. 


Pencils 
Iuse a 2H mechanical pencil to 


' complete the pencilling. With the basic 
figures in place, I concentrate on the 

_ characters’ expressions, clothing, hair and 
: so on. I pay close attention to the emotion 
| ofa character and also how movement 


affects their hair and clothes. As you can 


__ see, Astrid’s swing has caused a twisting 
| motion in her clothing and hair. 


I draw the monster's arm and mask 


' extending past the panel's edges. This 


gives the impression that he’s breaking 


| out of it, adding to the feeling of action. >» 
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Comic panels 


Inking 

To ink, I use Rapidograph pens of 
varying thickness. I generally like to vary 
line weight depending on how close an 
object is to the ‘camera’. The closer 
something is, the thicker the linework, 
especially on the ‘boundary lines’ that 
form the outside edges of an object or 
a major component of an object. 

I start by inking all the thinnest lines 
on the figures with a .18 nib and then 
switch to a thicker .35 pen, and work on 
the heavier linework. Building up the 
lines by using a thinner pen than the final | 
lineweight gives me greater control, 
although this does mean it takes longer 
than if I was to just make each line once. 

The monster and his mask are closest 
to us in the middle panel, so they get the 
thickest linework on the page. 


Panel borders 


Background inks 
and blacks 


' link the panel backgrounds next. 

' Generally speaking, these have thinner 
: lines than the figures so that the 

| characters stand out, although this rule 
| can be bent ifan object is closer to the 

' camera than the characters. 


Once all this is done, I fill in the large 


_ black areas with a Pentel brush pen. 


Scanning 
Many fledgling comic artists think 
that scanning a page in greyscale and 


| then darkening the lines via Brightness/ 

| Contrast is enough. While this looks fine 
| onscreen, it will print as a muddy mess. 

» To achieve sharp, clear artwork, the line 

' art has to bea pure black-and-white 

: image. If you've got an expensive scanner, 


As I start inking the panel borders, I suddenly realise I can make the middle 


panel more dramatic by using the border itself as part of the action. So I quickly rule out 


some lines in pencil radiating from the moment of impact and then ink the panel 


border accordingly. 


_ you can scan in Lineart mode. However, most of us don’t have 
_ expensive scanners, so see ‘Get good scans from a cheap scanner’ on 
_ the opposite page to learn how I get a good result. 


1 
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Resizing 

I want to end up with pure black- 
and-white line art, 600dpi at comic page 
size. I resize the image, first by changing 
the dpi from 1,200 to 400 (Image>Image 
_ Size) with Resample Image ticked, and 
then unticking Resample Image and 

| changing the dpi from 400 to 600. Doing 
this results in a final image that’s two- 
thirds the size of the original scan in 
terms of actual print size, but at 600dpi 

_ instead of 1,200. 


Making a print-ready comic 


Clean-up 

Invariably, I need to do some 
clean-up on the image, so I select the 
Background layer (with the Threshold 
layer still above it, if you used my ‘cheap 
scanner’ technique), and use the Erase 
Tool (E) to get rid of any marks. Some of 
the linework, and especially the large 
black areas, might be a little broken up 
due to inconsistent ink, so to fix these 
areas I run the Burn Tool (O) over them, 
set to Midtones and an Exposure of 50 per 
cent. This darkens and evens out the 
necessary areas of the image. 

Once all this is done, I flatten the 

layers. I also draw the images on Astrid’s 
posters using the Pencil Tool (B). 


Converting to CMYK 

Next comes colour flatting. This 
means laying down the flat blocks of 
colour on the page ready for the colourist 
to do their work. Firstly the image needs 
to be converted to CMYK (Image>Mode 
>CMYK Color). However, the problem is 
that to achieve a dark black on screen, 
Photoshop defaults to a black made of all 
four inks — 75C 68M 67Y 90K. This looks 
great on the monitor, but if this was sent 
to the printer it would cause a mess: in 
industry-scale printing, it’s common for 
the colour plates to slip. 
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Get flatting 

I go into the Colour Picker and 
change the CMYK settings to OC OM OY 
100K, then use the Fill Tool (G) to make 
the linework black (making sure the 
Contiguous button is unticked). Then 
I duplicate the Background layer 
(Layer>Duplicate Layer), before hiding i 
the duplicate in the Layer window. On the | 
Background layer, I fill in the basic 
colours using the Fill Tool (this time set to — 
Contiguous). Next I use BPelt’s MultiFill 
and Flatten plug-ins (www.bpelt.com), 
which remove the black linework and 
expand the colour areas until they meet. 
Now if the plates slip, you won't end up 
with white gaps between the lines and the — 
colour. Make the linework layer visible 
again and set it to Darken. 


Colouring 

and trapping 
Here’s where I cheat and send the file 
off to my colourist. If you're colouring 
yourself, this is where you apply the 
correct colours and shading, taking into 
account light source and mood. You'll 
note that in the middle panel, my 
colourist has opted for dramatic colouring © 
on the background, to heighten its effect. | 

Once he’s finished colouring, he ‘traps’ 

the image - another vital step to ensure 
good printing . This is where the black is 
underlaid with blue to give it a nice, dark 
colour. Firstly, select all the linework 
using the Magic Wand (W), then contract 
the selection by two pixels (Select> 
Modify>Contract). Move to the lower 


- Colour layer, erase the selection, then fill 


with a strong blue consisting of 80C 40M 


Get good 
scans from a 
cheap scanner 
Scan in greyscale at 
1,200dpi, then increase 
Contrast by 15. Next, 
apply Unsharp Mask 


with Amount at 500 per 


cent, Radius at 1.3 and 
Threshold at 3. This 
sharpens the linework 
considerably. Finally, go 
into the Layers palette 
and create a Threshold 
adjustment layer set to 
around 130. Play with the 
values at each stage to 
achieve the best result 
from your scanner. 


» 20Y OK. Contracting the selection before 
' doing this fill ensures that if the plates 

: slip, the blue won't show. Finally, flatten 
| the image. 


Lettering 

Unfortunately, lettering would 
require a whole separate workshop to go 
into it in any depth! There are, however, 
many workshops available online if you 
want to investigate further. Lettering is 
usually done in Adobe Illustrator, but 
today’s Photoshop has many of the same 
vector tools, so can function perfectly 
adequately as a lettering program. @ 
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Learn from the professionals as our panel of 


experts tackles real-world manga art issues 


is toys and g} 
lots of comics. 


www.chocolatepixels.com 


Saejin Oh 
* Saejin is a 24-year-old 
freelance illustrator who 
. works for Udon. He loves 
} + creating concept art and 
i character design. 
saejinoh.blogspot.com 


Michael Chomicki 


Michael is a freelance 
4 designer and illustrator, and 
ry co-founded the videogame 
4 concept design specialist 


Studio Qube. 
www-.studioqube.com 


Chester Ocampo 
a Chester is a freelance 
- digital illustrator who loves 
“f Haruki Murakami novels, 
unbeatable videogames 
and conspiracy theories. 
www.chesterocampo.net 


ge liviasinehX Presents Manga 


uestion 


ow do you effective 
our in an ill 


of flat co 


NS 


Answer 
Emma replies 
In an age where digital 
colouring appears almost 
synonymous with fabulously 
rendered paintings and crisp 
cel-shading, it can feel a bigger risk for an 
artist to take a minimal approach than it is 
to dive in with a four-day-long paint job. 
However, flat colours are making a 
comeback, helped not least by the recent 
Japanese ‘Superflat’ movement seen in the 
works of artists such as Takashi Murakami. 
There are many approaches, but in this 
example, I’ll demonstrate how flats can be 


used in a Pop Art style. Working in this way | 


I] 
ustration 


i areas 


Creating Pop Art-style images are 
a really effective way to employ 
flat colours in your work. 


| requires knowing when to stop and having 
confidence in your inking and linework. 
The latter is the hardest: we artists are 
sensitive souls, and confidence can be 

a pretty tough thing to achieve. 

With a flat-coloured piece, what you lose 
from the painting/shading, you'll need to 
gain in the rendering of the lines 
themselves and the choice of the colour 
palette. Width variation and sharp points 
become a lot more prominent, even in an 
example like this where the linework is not 
obviously visible. When you aren't relying 
on shadows and highlights to add depth to 
an image, the importance of the palette, 

! be it muted or bold, is ramped up. 


Step-by-step: 
Perfect the line art and 
the rest will follow 


° Begin with those all-important inks. 

we In this example, I’ve used Manga 
Studio. Consider how you want your 
finished piece to feel: leaving a few messy 
areas can really add life to a flat image. 
Otherwise, keep things crisp and smooth, 
paying attention to width variation and 
fine points. 


. Separate out your line art and add 

@ colours underneath using the Fill Tool. 
Beginning with a base colour will help 
guide your palette. This is where that 
confidence comes in: don’t be tempted to 
paint underneath. Trust the lines to form 
the picture once they’re coloured. 


At this stage, the line art is about to 

be recoloured or removed, enabling 
that base colour to take the lead. Choose 
what you want to keep and what you want 
to match up with the image colours. Here, 
the black areas were dispensed of and the 
remainder was coloured to match the hair. 
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uestion 
ow can I make my characters 
look more manga-like? 


Keep the facial features 
simple and clean to 
achieve the perfect 
manga style. 


Answer 
Saejin replies 
The way that characters look and feel 
‘manga’ is all in the simplification 
and exaggeration of their facial 
features. However, that doesn’t 
mean the style is loose or unstructured: it’s 
actually quite the opposite, and requires you 
to nail down exact positions for each line 
you draw. Here are a few pointers. 

First, minimise the complicated 
structures of the nose and lips, and reduce 
the size of the sidewall of the nose as 
much as possible. The nasal bridge must 
be shallow or flat. Remove the upper lip 
and either simplify or subtly indicate the 
bottom lip with a simple shadow. 

Exaggerate the eyes. They don't have to be 
large, but you do want to make them aesthetically 
pleasing. Minimise the white of the eye while 
exaggerating the pupil. 

Finally, make the head a bit larger than a real 
person’s in relation to the character's shoulders. 
This is especially true for drawing female 
characters. You should also completely remove 
subtle features such as facial grooves and 
wrinkles. Manga is all about replicating 
youthfulness into the character. 

The only thing that really separates manga and 
more realistic styles is their facial features. Beyond 
that, manga characters can be quite realistic. 


y y 


When colouring, 
try to avoid 
adding any extra 
facial features you 
didn’t plan in the first 
place. Rough skin 
textures are a big no-no. 
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Artist Q@A 


uestion —_. 

ow do I achieve that classic 
Japanese, woodblock print 
inspired look in my artwork? 


Answer 


Classical Japanese woodblock prints, also known as 
rae’ ukiyo-e, possess certain elements that make them 
‘ 4 very distinct. Besides the obvious unique drawing 
ha style, the ukiyo-e print possesses very fine linework, 
beautiful texture and an application of flat, washed-out pigment. 
It's these things I'll pay special attention to. 

When I create the line art for the characters, I always keep 
cleanliness and finesse in mind. I’m always paying special 
attention to keep the lines fine and flowing, while at the same 
time making sure to avoid any random sketchiness, which 
would ultimately detract from the desired look and feel of the 
illustration. Upon scanning the completed drawing into 
Photoshop, I proceed to clean up the linework, and then 
colourise it, using Hue/Saturation. 

Next, I move on to texture and colour. For texture work, I tend 
to do two things, the first being the use of custom patterns, such 
as those found in the background and on the characters. I 
usually create these Japanese-inspired patterns by either using 
Photoshop or Illustrator, depending on the complexity of the 
pattern. The second way to generate texture is through the 
mixing and overlaying of various photographic imagery. For 
example, I may mix up a photo of watercolour paper, a cracked, 
concrete surface, ink splashes and some plaster to create a 
somewhat vintage paper feel. Finally, Ill apply a palette of 
colours in pastel tonalities. I find that these usually work best 
when trying to mimic a bit of that ukiyo-e look. 


eo 


These are some of the textures 
that | used in the artwork. The 
top right texture, along with 
the bottom two, can be 

found in the background. 


| apply textures throughout the artwork by using 
Photoshop layers, layer opacities and layer 
effects such as Multiply, Overlay and Soft Light. 


uestion 
ow do ou use black and white 
effective 


y and make it look finished? 


_ Answer 


Emma replies 

The inking stage holds huge 
importance in black and white 
manga images. The finish of 
your inks will dictate the finish 
of the image, so do take time over width 


_ variation and making ends nice and sharp. 


Even if lines aren't going to be obviously 


| visible by the end of the image, they'll act as 


a framework for your fills. Because of that, 
it's good to start any manga image by 


_ completing the line art fully. 


Start with the largest area of solid black, 


- which will guide you through the rest of the 


image. This step is especially important if 


_ black is to be your surrounding base colour. 


Sometimes, an effective tip is to leave a 


' white ‘halo’ between your lines and the 


Characters © Morag Lewis and Laura Watton 


When you only have two 
tones to play with, it can 
be hard to plan exactly 5 
what will work, so have 
fun experimenting. 


It’s good practice 
to start with fully 
finished line art. 


solid fill. 

The trick, then, is 
simply to fill in further 
areas of the image with 
two things in mind. 
First is balance: try to 
avoid all of your blacks 
being bunched up in 

one place and vice 
versa. Make sure that 
black and white are 
nicely balanced. Second 
is proximity: should you 
need to put two areas of 
black next to each other, 
add a white divider. 
(Ideally, however, no 
two black fills should sit 
directly next to each 


Question 


other in the image.) 


Is there a foolproof technique to 
creating a cute chibi character? 


Answer | 

Joanna replies 

When drawing chibis, I always 
make sure the body stays 

_ between one and three head 
24 heights tall. Guidelines are 
indispensable, since it’s easy to 
subconsciously drift away from such 
compressed proportions. 

I feel that the purpose of the chibi style is 
to create an emotional connection with the 
viewer, so I tend to put most effort in 
attaining the right facial expression and 


body language. Non-emotional details 
such as wrists, ankles and feet often get 
streamlined in the process. 

If something doesn’t look as cute as it 
could be, I'll try moving the eyes further 
apart or the mouth higher up, shortening 
the eyebrows or erasing the nose. I also love 
incorporating cute design details such as 


' truffles, bows, hearts or flowers. This gets 
» extended into a pastel rainbow colour 


scheme with lots of shiny bits! 


When I try 


from panel to panel. How can I improve? 


Answer 

Michael Chang 

Ting Yu replies 

| When you're trying to show 
a story, sometimes it’s hard 
to choose what to draw. In 
fact, drawing manga is 
similar to shooting a movie or making 
an animation: you have to choose the 
right thing to draw in order to show the 
continuance of the story. In manga, it’s 
even harder because you need to pick 
only a few frames out of the whole scene 
to convey the story. But the way to 
connect them is pretty similar. 

For example, if you have a person 


who's looking at something in the panel, 
try to think about what the reader would | 


expect to see in the next panel. I'd 
assume that the readers are curious 
about what the person is looking at. So 
in the next panel, I draw the object or 
view of what they are looking at, but not 
the person with the object or the view. 


Then, in the next panel, maybe you want | 


to show something specific, such as the 
size or distance of the object. 

In story writing, I often follow the 
writing structure ‘start, support, 
transition, closing’. This is the way of 
keeping the flow of the story going 
smoothly. I use this writing structure as 
reference to draw manga. 

For example, you might start with 
a person who is looking at something. 
In the next panel, you show the reader 
what that person is looking at. Then 
maybe in the next panel you can show 
more supporting detail, such as the size 


Core skills advice 


to draw manga, I find it hard to flow the story 


of the object. Then for closing, you show 


_ the reaction of the person after they saw 
_ the object. It’s not a real ‘closing’ if it’s in 
- the middle of the story: it’s just a stopping 


point for readers to go on or simply just 


| atransition. Now you've built up the 
| atmosphere that attracts the readers to 
| go on to the next page. 


Sometimes you want to show impact of 
the story. Then you choose to have a big 


panel. But what should you do before that? 
_ Lusually make the panel before the big one 


smaller, and draw something minor in it. 


For example, say I want to show a huge 
' group of bees in a big panel. The panel 


_ before this would be just some small dots 
coming from far away. When readers get to 
| the big panel, the huge group of bees will 

_ teally stand out. 
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Step-by-step: Creating a chibi illustration 


*; 


. + start with a rough sketch of the head «+ 
& and body proportions, shown here in 
red. The head is a virtually perfect sphere: 
2 simply dip the 


look closely at com 

remember your Favorite scent, 
' 

abort how the creators maa 


With manga, you have 
to tell an entire story in 
just a few frames, so it’s 
important to think 
carefully about all of 
your panels. 


Los you admure, or ever 
, any, 
stray tre 
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practt Ke, practise, prac (use. 


t like to vary the line widths quite alot . Ghibi illustrations are fun and bubbly, 

= when inking because this makes line 3) 

art visually stimulating, which in turn 
s eflects the 


ww so | love using a bright palette. Pastel 
shades, rosy cheeks, shine and sparkle also 


enhance the 


outline at the 
front inwards 
slightly to create 
a facial profile. 
only begin 
adding details 
once I’m 
completely 
happy with the 
body language 
and dynamics of 
the image. 


emotional state 


t helps make 
them cuter to 
ook at. When 
drawing more 
than one 
character, | also 
avoid giving any 
two the same 
facial expression, 
for variety. 


of a chibi picture. 


cuteness of the 
image. Black 
outlines often 
appear slightly 
harsh in this 
context, so I’ve 
coloured them in 
to create a sense 
of 3D. Fora 
twist, you can 
put cute chibis in 
a scary setting. 
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Artist QQ@A 


uestion ae Question 
ow do I create a dynamic lighting What's a good way to render a 
environment in manga-styled art? manga-style mouth and lips? 


rT 


S ther hectic without 
aclear point ofinterest. Answer _ 
ms Joanna replies: 


, Manga mouths are 
I 
understated yet 


emotive. When 


drawing, I try to 


emphasise the inner contour When it comes to painting mouths 
separating teeth and lips in the manga style, less is more: 
Separaling ‘ Ps don't try to include every detail. 


rather than the outer lipline. 


© David Murphy. A\ 


For illustrations, [like touse | when shading the lips, so the 
a colouring process similar to edges are small. Unless the 
applying make-up in real life. [| character is viewed from an 


First, I render the face and lips | angle, the mouth rarely affects 


Characters 


in skin tone. Then I blend the contours of the cheeks and 
in pink tints with a soft nose. Lips are trickier to shade 
translucent brush to mimic when the mouth is wide open. 


lipstick. Finally, Icreateanew = Trying to paint all the way 

layer and use a harder-edged | around a large manga mouth 

brush to dab on highlights. | will look clownish so I often 
Manga faces are very flat, so | just give an indication of 


mouths appear almost stuck- colour for the bottom lip, or 
on. I try to be quite restrained leave it out altogether. 


Question 
ow do I pick the best angle 
when drawing manga? 


Answer 

Michael Chang Ting Yu replies 

The way to pick an angle in manga is similar toa 

f a A A film. It’s important to pick the right angle to show 

N) eym replies: what you want the readers to focus on. Different 
There aren't a whole lot of angles convey different atmospheres. For example, 
differences between lighting in when you want to show someone talking seriously, angle in from 
regular painting and manga- the bottom of the person’s face to convey authority (The same 
styled painting. Manga can be applies to inanimate objects.) Choosing the right angle also 

either cartoonish or realistic when it comes helps show what direction a person is moving in - running 

to the style of painting. Sometimes it can be straight towards you shows they are moving forward. 

a little bit of both: you can skew reality to But personal style and the story are also factors to consider 

highlight and draw the audience's attention. when choosing the angle. My final tip is to see if the angle of 

Unless you want your audience to look at each panel looks good before you start adding any details. 

your character's limbs or background = 

(which you might), you should try to keep 

the characters’ faces the brightest point, or 

the point with the most colour contrast 

when compared to the rest of the 

background. That way you can work the 

rest of the lighting around those points of 

interest. Make sure you don’t accentuate the 

other background elements too much in 

comparison to your main elements. 


\ * 


\ 


Angling your image 
under the chin gives a 
sense of authority. : NY 


ImagineEX Presents’Manga 


Core skills advice 


user 
ow do I give my manga characters 
a fun and lively, animated look? 


Answer 
Michael replies: 

The first thing you need to dois 
D to get confident with your line 
and colour. That comes through Letting the decisive paint 
practice. Second, start your 5 ee Hehe von 
drawings by generating pose ideas through r4 will give your artwork 
thumbnail-size figure gestures, always ge ie Agygarmctec 
remembering to establish a line of action 
to give your character a sense of motion. 
Keep your line loose and 
flowing at all times. 

Third, make use of 
suggested lines in 
your work. You 
don't need to 
draw every 
single detail on your character. 

For example, when drawing thi 

nose, you only need to p the tip 

and possibly thea@pend that touches the 
brow, avoiding anything in-between. Being 
deliberate and strategic with your line 
placement and flow will keep your artwork 
from looking stiff and stale. 

Finally, when it comes to adding colour, 
keep ‘light versus shadow’ in mind, Don't 
be afraid to get colourful, as this can add to 
the liveliness of your piece of art. I always 
try to block in my base tones first - in this 
case, the lights - and then I go back in and 
block in the shadow shapes with a darker 
tone. I try to keep just as much flow in my 
brush strokes as I do in my linework, which 

maintain the flow of your lines throughout the entire 


in turn generates a feeling of unity drawing. Simple props, such as the flying sandal, 
throughout the artwork. can really intensify the lively mood. 


wee 


ano 


In order to keep things lively, always remember to 


Step-by-step: Giving your manga characters a fun, dynamic look 


a 


The sketch above is some of the Once | decide on a pose, | draw out When | finish the drawing, | apply 


1 gesture work that | go through when 2 the final line art exactly as | want it. 3 colour. In this case, | push the fun look 
creating a dynamic manga character. As Again, | want to maintain a dynamic flow of the character with some vibrant tones. 
| draw these poses, | try to keep the line of throughout the character. The red and | also like to look back at animation-style, 
action (red), and the angle of the hips and blue lines mark the spine, shoulders and cel-colour work, but instead of keeping the 
shoulders in mind (blue), in order to hips, while the green colour marks the shapes very sharp, | apply a slightly more 
maintain a nice flow. lines of action for the limbs. refined, painterly feel. 
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Artist QQA 


How can I render 
semi-transparent 
materials such as 
latex convincingly? 


Chester replies 
Latex presents several 
1 challenges. It is flexible, 
conforming to the shape of the 
object it wraps over. There are 
also different finishes, from glossy to matt, 
but it is always smooth. 

Latex can be fully opaque or semi- 
transparent, showing the colours of the 
object underneath. I’ve chosen to render 
a type that is flexible, glossy, and semi- 
transparent. It may seem challenging to 
paint all these effects on a single object, but 
the payoff is definitely worth it. Layers help 
a great deal here, so Photoshop is my 
program of choice. 

Latex has strong highlights because of 
the reflectiveness of the material. Creases 
and edges will catch lots of light. As the 
material is semi-translucent, feel free to 
erase some of the base colour of the latex 
using a Soft Round brush. 


- 


Plan the arrangement of materials in your image 
so that similar objects are visually separated 


Painting latex and making it look real... 


Sketch out 

F your design to 
start. Even at this 
stage, you should 
figuring out what 
type of materials 
you'll be painting onto which object. Try 
to prevent separate objects made from the 
same material from overlapping in your 
composition, so that each object is easy 
for the viewer to distinguish. 
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an 


. | recommend 
that you paint 
thelatex ona 
separate layer. 
First, block out 
the parts that you 
intend to paint as latex. Use a Soft Round 
brush with its Mode set to Linear Dodge to 
render the latex material’s highlights. Vary 
the brush opacity to suit the intensity of 
the highlight. 


Underneath 

this, adda 
layer filled with 
white, on a low 
Opacity and with a 
Soft Light blending 
mode. Some areas of the latex clinging 
tightly to the skin need to be erased using 
a Soft Round Airbrush, again with varying 
brush opacities, depending here on the 
latex’s proximity to the skin. 


ray/B#)] 


Leading is the distance between 
lines. You can use to this to stretch 
out your text and create a better 
fit with the speech bubble. 


72 TST s 2 


A Ergiah: usa Y%Nan ¥ 


WAIT FOR 


THE OTHERS 
AND LEAVE 
TOMORROW 
SUNDOWN. 


uestion 


ow do I add text to manga? Are there 
special fonts or typographic conventions 


to look out for? 


Answer 

Joanna replies 

Text is not only a narrative 
tool, but an important visual 
element of the page. When I 
add lettering to a page, my 
objective is to make the text look as 
aesthetically integrated with the artwork 


~~. 


Typography should be fully exploited to enhance 
the dynamics of a story. Think about how size and 
style reflects speech, shouting or sound effects. 


as possible without sacrificing legibility or 
clear narration. 

Photoshop is the most convenient 
program to use. Select the Horizontal 
Type Tool and click inside the speech 
bubble where you want your text. I always 
copy and paste my writing from a Word 
document. I set my text alignment to 
Center and open the Character palette via 
Window>Character. First, I adjust the text 
size so the writing fits neatly inside a 
speech bubble. I like the Horizontally 
scale option: it makes a familiar font more 
interesting. The Horizontal Type Mask 
Tool is ideal for sound effects: you can 
stroke and fill a selection. 

English-language manga text is almost 
always capitalised — a convention derived 
from western comics rather than Japanese 
manga. For convenience, choose a font 
that’s upper case by default. Keep away 
from fonts with serifs (the little bits at the 
end of letters on fonts such as Times New 
Roman): these are difficult to read when 
capitalised. Avoid Comic Sans: despite the 
name, it's not suitable for lettering. Good 
manga fonts include Digital Strip and 
Anime Ace, which you can download at 
www.blambot.com. 


Core skills advice 


uestion 
an I do Photoshop line art 
with a brush instead of paths? 


Answer 
Saejin replies 
Let's start by doing 
a rough drawing - you 
17 know, the usual. Start 
*“ with simple 
structures: head, neck, chest 
and limbs in rough cylindrical 
forms. Next, create another 
layer on top, fill it with white, 
change the Opacity so that 
your rough lines faintly 
show through, then 
merge the layers. 
Alternatively, you 
can use brute 
force - as I do - 
by enlarging your 
brush and lightly 
painting over 
yout lines with 
white. 

Now you can 
draw in more 
detail, such as 
clothing and hair, 
repeating the 
process above to 
clarify your line 
art bit by bit. 

Once you have 
a rough drawing 
that’s closest to 
your final line art, 
you can fade out } 
yout line for the { 
last time. 

When you start 
your final line art, try hard not to break the lines, and keep 
them continuous. If you draw the line too long, erase the end 
where it sticks out. 

Curvature, too, is something you just have to get right in 
order for your pictures to look decent, so use the Undo function 
liberally until you do. Remember, persistence is required for a 
good result. It will take some effort the first time around but, if 
you practise, then you'll be able to do a masterpiece in no time! 


Once you have the rough lines, 
] enlarge your brush and paint over 
/ them with white to fade them out. 


Use a smaller, thinner brush to paint the lines manually. Try to keep them 
clean, and use Undo liberally when necessary. Repeat until done. 


Artist QQA 


uestion 


I've heard that gradients can be used 
within a cel-shaded image. Any tips? 


Answer 
Emma replies 
There are all sorts 
of ways to apply 
gradients to a cel- 
shaded image, and 
none of them are too tricky. 
Working in layers is highly 
recommended, as you want 
to remain flexible. I’m using 
Photoshop in this example, 
but you can use the rough 
process in other applications. 

Notice that I use an added 
gradient layer to amplify the 
light source, but also to add 
an atmosphere of foreboding. 

I select everything outside of 
my image, invert the selection 
and create a mask. Once this is 
done, I then add a black-to- 
white gradient. 

Some points to note: Firstly, 
when applying a gradient, it’s 
important to make it work 
with the light source in the 
image and not against it. It can 
also make a difference where 
you choose to sit your gradient 
layer. In this piece, for example, my 
gradient sits on top of all of the colour 
layers, but below the line art. In some cases, 
though, it can be more effective to keep the 
gradient below your shadow and highlight 
layers. Remember that the kind of layer 
effect you choose will also make a big 
difference. In this image, I've used a Soft 


| 
| 


| apply the gradient after my base colours are in 
place, and before | start on my shade. Although it 
wasn't visible while | shaded, this meant that | knew 
it would sit well with my shadows. 
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Light blending mode. Try changing your 
gradient layer to Hard Light or Overlay, and 
you'll see the difference immediately. 


| Lastly, you'll want to play around with your 
Hue/Saturation settings on the gradient 

_ layer to get just the right feel. Why not try 

- colouring your gradient for some really 


funky effects? 


Here’s the difference a Hard Light layer effect can 
| make. See how much easier it is to shade with the 
j gradient layer already in place. This way you can 


» easily marry the shading to the light source. 


The final image. The gradient isn’t 
too obvious, but does the job. 


Paint on a layer below your 
outlines. Don’t worry about 
colour going over the lines: 
just remove them with the 
Eraser once you’re done. 


ie 


estion 
ow do I create the delicate 
pastel shading that is often 
used in shoujo manga? 


Answer | 
Joanna replies 
The word shoujo describes any manga that is 

“B® primarily aimed at a female audience (as opposed 
> to shonen, which is male-oriented). Within 
shoujo manga, there is a popular style of delicate 
outlines and soft, almost translucent colouring. Before the 
days of CG, these images were rendered using watery inks or 
alcohol-based markers. However, now it's much easier 
to achieve the same effect with programs such as Painter. 

The shoujo style begins at inking. The lines should be thin 
and tapered, with each strand of hair flicked separately, for 
example. The easiest way to do this is with a thin nib pen 
(the kind you dip in ink). After scanning, I open the image in 
Painter and set it as a Multiply layer. 

The best brush to use is Digital Watercolour: this applies 
layers of translucent colour and I can build up subtle shading 
just by applying pressure on the pen tablet. The key is to keep 
the colours quite pale, so they complement the delicate 
outlines. Always remember to select Dry Digital Watercolour 
(Ctrl/Command-+Shift+L): this enables you to use other 
tools, such as 
the Blender, for 
finishing touches. 

Notice that the 
eyes have been left 
blank during 
inking. This is 
done a lot in shoujo 
illustration: a solid 
black pupil gives an 
unwanted level of 
staring intensity. 
Having the pupil 
rendered in a darker 
shade of the iris 
colour, as in the 
blues in this image, 
results in a more 
peaceful gaze, and 


To make the final image even more subtle, you this affects the 
could change the black outlines into sepia 8 : 
using Photoshop’s Colour Balance functions. images mood. 


questi a 
ow can I make 


Answer 


Chester replies 
collide at high speed, and to 
paint the point of impact. I’m 


aA ; 
going to paint robots colliding, 


in the middle of a battle. They're always fun 
to draw because you can make them do just 
about anything and not worry about 
whether or not it’s based on hard science. In ! 
my opinion, they rank as one of the most 
fantastic character types you can draw from 


Render highlights and 
» shadows based on the 
light sources. For 

It's always fun to see two objects ___ finishing touches, use 

» adjustment layers on 

| top of the entire image 
: to tweak the colour 
balance and contrast. 


2 os 
o big mechs > &.. 


colliding feel more powerful? 


in science-fiction and fantasy, along with 
wizards and aliens. 

The first thing to do is to conceptualise 
how you want two robots going head to 
head to look. Make a list of interesting 
things that only robots can do or interesting 
attributes that only robots possess. Some 
cool things that come to mind are energy 
projections, machine parts, glowing bits, 


| and, best of all, guilt-free violence. With 


robots, you can have them fighting as 


' viciously as you want and still manage to 


by-step: How to paint the point of impact... 


* @b Begin by sketching. Lay out all the 
& elements you want to see in the final 
image, and make sure the interesting stuff 
is included in the sketch. Choose one 
element, like energy projection, and 
emphasise it over other elements. This 
gives the image a clearer focal point. 


“w flat colours and a basic background. 
With flat colours, create several decals in 
different colours as accents to large flat 
areas of the robots’ armour plating. We're 
starting to feel like these metallic monsters 
are pounding on each other. 


. 


appeal to the squeamish. Their battle could 
reach crazy levels of violence without 
showing blood and gore. 

After you've made the list, choose which 
of those interesting elements you want to 
highlight. Giving them all equal emphasis 
makes everything compete for attention 
and will leave the entire image looking flat 
as a whole. So it’s best to prioritise just a 
single element, and show smatterings of the 
rest. Here’s one way to compose this scene, 
using Photoshop... 


* @* Once you've finished the line art, add + ga Now you can add special effects, like 
ww energy blasts, soarks, glows and light 
streaks on separate layers. Looking at it 
now, the energy blast is the strongest light 
source in the entire image, and will largely 
determine the highlights and shadows as 


you get painting. 
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Artist QQA 


Create a glow by feathering (Ctrl/Cmd+Alt+D) the selection and filling it in on 
a new layer. Adjust it using the Eraser set to Brush Mode and 20% Opacity. 


Gueshon 
at's the best method for 
colouring manga hair? 


Answer 
Joanna replies 


I've recreated the most common approaches to manga 


hair below. The first style is perhaps the most popular. 
It involves at least three shades and zig-zag hair 
highlights. I gradually increase the (dark blue) 
shading towards the side of the head that’s away from the light 
source. It's important that the highlights follow and accentuate 
the roundness of the head. Since manga hair often has strands 
going off in all directions, it’s easy to lose track of the overall 
shape. So when adding highlights, check that they're correctly 
aligned with individual strands and the head as a whole. 

The second style has a single curved highlight. This is ideal 
when pressed for time. The third style swaps solid highlights for a 
gradient. This technique is effective if you prefer painterly images 
over cel-style ones. The last example uses two gradients for a 
subtle effect. Use the Eyedropper to pick up a hair colour shade 
that you want the zig-zag highlight to fade into. If used carefully, 
gradients are a fantastic way to cheat on manual shading work. 


9 9 
ey 


Mix and match ways of creating shadow and light to find your own manga hair 
technique. Have fun playing around with tools and colour combinations. 
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4) 


The kind of smoothed- 
out shading indicative 
of high-quality manga. 


Make sure you start painting with clean line 
art to avoid any needless retouching. 
Creating flat colours ensures you have 
asolid base for adding shadows onto. 


aan 20> eS 


uestion 


ow can I achieve proper smoothed- 
out shadows in my manga pictures? 


Answer _ 
Chester replies 
As is usually the case, there 
,s 


~ “a are many ways to go about 
this, but it’s best to stick to 
evenly shaped brushes and 
avoid textured brushes altogether. This 
is to ensure that the shadows are 
smooth and crisp when painting, and 
that there are no stray, unnecessary 
strokes present in the image. I used 
Photoshop to create this image, with 
a couple of useful tips listed below. 
The first thing is to make sure that 
the line art is smooth and clean when 
starting. This will save you headaches 


from the get-go. Instead of retouching 
every single stray outline in a finished 


Create basic colour flats to determine the 


_ image’s colour scheme and colour contrasts. 
_ Once you're satisfied with the colour 


| scheme, begin adding details to the colour 
| flats, in this case the stripes on her sailor 
| suit, the logo on her necktie, and so on. 


Now you're ready to paint. Use a Soft 


Round Airbrush for form shadows and a 


Hard Round brush for cast shadows. Form 
shadows are soft shadows that indicate 


an object's shape and depth, while cast 
_ shadows are hard shadows produced when 


an object is blocking the light of the object 
beside it. The combination of these soft and 


| hard shadows is crucial to simulating the 
| effect of smoothed-out shadows. Finally, 
| some occasional gradients here and there 


piece, it’s all done from the start — which | 
_ blend the colours, for a harmonious, 
- cohesive image. 


will make things much easier in the 
long run. 


help to add more depth to the forms and 


Core skills advice 


Step-by-step: Add some 
graphics to your art 


C404, 
ne 


Lt 
. The first step is to create all the 
m™ graphic elements in a piece of 
software such as Photoshop or Illustrator, 
by making use of the Pen Tool. It’s a 
powerful option that uses paths and fills 
to generate clean and crisp shapes. 


nd graphic 
ground - 
ter’s 


* 


uestion | ; ; HART! ,. 
an you pive me any tips on how to combine eres — 
e e e e e . | allo € grapnic elements 
graphic design elements with illustrations? cha le a nica ea 


the illustration. It’s very important to give 
some thought regarding the placement of 
all the graphic elements being used to 


Answer create a strong composition. 
Michael Chomicki replies ' handy tool can be found in various graphics 
Graphics or design elements are _ applications: I prefer Photoshop or its vector- id / 
a great way to spice up your _ based sibling Illustrator. 
x illustrations. Whether you decide The next step is to arrange the graphic elements j t 
to use them subtly or extensively, the | within your composition. Just like with any af 
effect of graphic shapes, combined witha strong drawing or painting, it's important that the y e 7) 
illustration, can go a long way. — | graphics in the background aren't just randomly 2 
One effective and very striking way of using scattered, but flow with the rest of the illustration. xy 
graphics in artwork is to echo their shapes _ Finally, it's an excellent idea to tie graphic 
throughout an illustration. In this particular background elements into the foreground of the $ 
example, I decided to create a brand called _ illustration to bring it together. Here, I’ve taken \ 
HART! The spirit of the illustration is along the a logo and some stripes from the background, ‘\ 
lines of something that would be found onahip _and added them as a design to the character's 
fashion poster or magazine ad. _ costume. The Warp Tool in Photoshop helps game 
The first step to creating clean and crisp _ you to blend these elements with the three- ’ In the final step, | reuse some of the 
graphics is through the use of the Pen Tool. This dimensional form of the character. w graphic background elements by 
adorning the character’s costume with 
HART! [ them. Making use of Photoshop's Warp 
cto bane a 00e Cee L Tool is very helpful in adjusting the graphic 


elements to the form of the character. @ 


In every issue of ImagineFX, our panel solves real-world creative problems with helpful techniques. Email your 


question to help @imaginefx.com or write to Artist Q&A, ImagineFX, 30 Monmouth St, Bath, BA1 2BW, UK. 
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On your disc 


On your disc ** 


To support our workshops, 
your disc includes a wealth of 
resources to aid your creative 
process. From how-to videos 

to step-by-step workshop images, 
you'll find this disc essential. 


Highlights include... 


Sinad Jaruartjanapat 
Videos showing key workshop 
stages, plus a manga line brush 
created by Sinad 


Madeleine Rosca 

20 minutes of step-by-step 
workshop video, plus handy 
reference sketches 


Chester Ocampo 
Work-in-progress stage images, 
plus brushes for manga-style 
painting in Photoshop 


Saejin Oh 

Images from Saejin’s workshop, 
plus brushes to accompany his 
manga character tips 


And more... 
Images to accompany all the 
workshops in this guide 
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independently certified in accordance with the 
rules of the FSC (Forest Stewardship Council). 
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Manga line art Photoshop brushes from pro artists 


Your CD has been thoroughly scanned and 
tested at all stages of its production, but we 
still recommend you run a virus checker and 
have an up-to-date backup of your hard disk. 
Future Publishing does not accept 
responsibility for any disruption, damage 
and/or loss to your data or computer system 


that may occur while using this disc or the 
programs and data on it. In the unlikely event 
of your disc being defective, please email our 
support team at support@futurenet.com for 
further assistance. If you would prefer to talk 
to a member of our reader support team in 
person you are invited to call +44 (0) 1225 
822743. If you have any comments about the 
software we include, or you have suggestions 
for software you would like to see in the 
future, please email Scott Ewart at scott. 
ewart@futurenet.com. 


Crrecycle 


Respect the Environment 
Thrundng avcayot orsurplusdiscs? 


Reeds Lane, More Wirral, CH& 1DW 
Please respect the environment and dispose of 
waste plastic responsibly. 
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FOUR SPECIAL EDITIONS TO COLLECT 


We've gathered together our finest workshops by the world’s leading artists in four 
beautifully presented collector’s editions of ImagineFX. 
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VOLUME1 VOLUME 2 


WHSmith ® Borders ® Barnes & Noble ® £7.99 


www.myfavouritemagazines.co.uk/design 
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The complete guide for artists on how to concept, draw and paint 
stunning manga comics and characters in easy to follow steps 


Improve your and learn how to create 
fantastic manga characters. Learning to paint 
is a fun way to develop your digital art 
skills. In this collection of workshops, the world’s best 
manga and comic artists share their 
for painting brilliant manga art. 


5 HOWTO DRAWAND PAINT... 
Peas 


# Printed in the UK 
IFZ04 


callece al: for ies of war seca 
How to Draw and Pant serves. 
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